knockout.js - KnockoutJS ForEach 绑定(bind) - 动态 URL

Question

我正在尝试通过 KnockoutJS foreach 绑定(bind)从 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 生成以下异常

未捕获错误:无法解析绑定(bind)。消息:语法错误:意外的标记:;

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

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