Knockout.js 在 header 中绑定 css/js 个库
Knockout.js binding css/js libraries in header
是否可以将链接和脚本(css/js)与敲除绑定?
我试着像这样绑定它:
<!-- ko text: headerLibs -->
<!--/ko -->
但这只是文字。 属性 headerLibs 可以包含 0 到 10 个不同的库。
如果我没有理解错的话,您有一组脚本 URL 并希望将它们的标签动态添加到 DOM。尝试:
<!-- ko foreach: headerLibs -->
<script type="application/javascript" data-bind="attr: { src: $data }"></script>
<!-- /ko -->
如果 headerLibs
已经包含 <script>
标签的标记,请尝试使用 html:
绑定:
<div data-bind="html: headerLibs"></div>
请注意,我使用的是 <div>
而不是虚拟元素 - 据我所知,html
绑定不适用于它们。
是否可以将链接和脚本(css/js)与敲除绑定?
我试着像这样绑定它:
<!-- ko text: headerLibs -->
<!--/ko -->
但这只是文字。 属性 headerLibs 可以包含 0 到 10 个不同的库。
如果我没有理解错的话,您有一组脚本 URL 并希望将它们的标签动态添加到 DOM。尝试:
<!-- ko foreach: headerLibs -->
<script type="application/javascript" data-bind="attr: { src: $data }"></script>
<!-- /ko -->
如果 headerLibs
已经包含 <script>
标签的标记,请尝试使用 html:
绑定:
<div data-bind="html: headerLibs"></div>
请注意,我使用的是 <div>
而不是虚拟元素 - 据我所知,html
绑定不适用于它们。