KnockoutJS ForEach 绑定 - 动态 URL答案

【问题标题】：KnockoutJS ForEach Binding - Dynamic URLsKnockoutJS ForEach 绑定 - 动态 URL
【发布时间】：2012-10-15 00:22:30
【问题描述】：

我正在尝试通过 KnockoutJS foreach 绑定从 JSON 集合生成动态链接。

例子：

<div class="profile-links">
  <ul data-bind="foreach: Types">
     <li>
       <a data-bind="attr: { href: 'https://myapp.com/?ref=' + text:TypeId }" />
     </li>
   </ul>
</div>

这会从 KnockoutJS 生成以下异常

未捕获的错误：无法解析绑定。消息：SyntaxError: Unexpected token :;

处理这个问题的正确方法是什么？

【问题讨论】：

标签： knockout.js

【解决方案1】：

<div class="profile-links">
  <ul data-bind="foreach: Types">
     <li>
       <a data-bind="attr: { href: 'https://myapp.com/?ref=' + TypeId }" />
     </li>
   </ul>
</div>

你可以通过 TypeId 引用不带“text:”前缀的属性

【讨论】：

【解决方案2】：

像这样试试。 add () 最后。
<a data-bind="attr: { href: 'https://myapp.com/?ref=' + TypeId() }" />

【讨论】：