knockout.js - KnockoutJS ForEach 绑定 - 动态 URL

Question

我正在尝试通过 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 :;

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

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

Answer 2

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