敲除模板结合

发布于 2025-01-05 12:31:38 字数 632 浏览 0 评论 0原文

我有一个通过模板绑定填充的 ul 元素。

<script type="text/html" id="someTemplate">
<li>
   <span data-bind="text: someText">
</li>
</script>

<ul data-bind="template: {foreach: someElemets, name: 'someTemplate'}">
</ul>

但我希望第一个 li-标签不是来自模板的li-标签，而是另一个带有按钮的li-标签，并且它不会连接到 someElemets 数组。如果我这样做

<ul data-bind="template: {foreach: someElemets, name: 'someTemplate'}">
    <li><button data-bind=click: doSomething">Click me</button></li>
</ul>

，那么带按钮的 li-tag 将是渲染后的最后一个。解决该问题的最佳方法是什么？

原文

I have an ul element which is filled through template binding.

<script type="text/html" id="someTemplate">
<li>
   <span data-bind="text: someText">
</li>
</script>

<ul data-bind="template: {foreach: someElemets, name: 'someTemplate'}">
</ul>

But I want the first li-tag would not be li-tag from template but another one with button in it and it will not be connected to someElemets array. If I do in that way

<ul data-bind="template: {foreach: someElemets, name: 'someTemplate'}">
    <li><button data-bind=click: doSomething">Click me</button></li>
</ul>

then li-tag with button will be the last one after rendering. What is the best way to solve that problem?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

瑶笙 2025-01-12 12:31:38

您可以使用无容器控制流语法，使用注释标签进行数据绑定。不需要模板。更多信息

<ul>     
    <li><button data-bind=click: doSomething">Click me</button></li>
    <!-- ko foreach: someElemets-->         
    <li>
        <span data-bind="text: someText"></span>
    </li>    
    <!-- /ko -->
</ul>

You can use containerless control flow syntax, databinding using comment tags. No need for a template. more info

<ul>     
    <li><button data-bind=click: doSomething">Click me</button></li>
    <!-- ko foreach: someElemets-->         
    <li>
        <span data-bind="text: someText"></span>
    </li>    
    <!-- /ko -->
</ul>

回复收藏 0 原文

尽揽少女心 2025-01-12 12:31:38

以下将做到这一点：

<!-- ko template: { name: 'template-name', data: vm } --> <!-- /ko -->

The following will do it:

<!-- ko template: { name: 'template-name', data: vm } --> <!-- /ko -->

回复收藏 0 原文

旧话新听 2025-01-12 12:31:38

我不知道在模板内访问索引的简单方法。您可以使用模板选项，如How to use foreach with a特殊的第一个元素？

您的代码将类似于：

<ul data-bind="template: { name: 'someTemplate', foreach: someElemets, templateOptions: { first: someElemets()[0]} }">
</ul>

<script id="someTemplate" type="text/html">
    <li>
    {{if $item.first === $data}}
      <button data-bind="click: doSomething">Click me</button>
    {{/if}}
    <span data-bind="text: someText">
    </li>
</script>

I'm not aware of an easy way to access the index when inside a template. You could use template options as described at How to use foreach with a special first element?

Your code would be something like:

<ul data-bind="template: { name: 'someTemplate', foreach: someElemets, templateOptions: { first: someElemets()[0]} }">
</ul>

<script id="someTemplate" type="text/html">
    <li>
    {{if $item.first === $data}}
      <button data-bind="click: doSomething">Click me</button>
    {{/if}}
    <span data-bind="text: someText">
    </li>
</script>

回复收藏 0 原文

~没有更多了~