Question

我有以下代码：

<div data-bind="foreach: roomba">
  <h3 data-bind="text: name"></h3>
  <a href="/arena/bots/status?id=1234">View Status</a>
</div>

我的困境是我希望锚标记中的id参数绑定到当前正在迭代的roomba的id。我该怎么做？

Answer 1

尝试在视图绑定中定义URL。然后在data-bind =“attr”

中绑定到该url

看一下这个例子：

<ul id="MemberSearch" data-inset="true" data-bind="foreach: members">    
<li> <a  data-bind="attr: { href:Url},text:Name"></a></li>
</ul>

然后在你的模特中

function Member(data) {
            this.Name = ko.observable(data.FirstName + ' ' + data.LastName);
            this.Url = ko.observable("/member/details/"+data.Id);
        }

Answer 2

你应该可以这样做

<a data-bind="attr: { href: '?id=' + $data.id}"></a>

无论如何为我的榜样工作

Answer 3

也许你可以使用attr绑定？

如何使用Knockout.js绑定查询字符串参数？

3 个答案: