KnockoutJS ForEach绑定 - 动态URL

时间:2012-10-24 21:29:49

标签: knockout.js

我正在尝试通过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:意外的标记:;

处理此问题的正确方法是什么?

2 个答案:

答案 0 :(得分:9)

<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:”前缀的属性

答案 1 :(得分:2)

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