javascript - KnockoutJs 超链接到新选项卡

Question

我有一个 ASP.Net MVC 网站，在 View 中使用 KnockoutJS 和 KOGrid。它动态地呈现某一特定列中的超链接，如下所示:

cellTemplate: '<a data-bind="text:$parent.entity.sendPort, attr: { href: $parent.entity.sendPortLink}" ></a>'

已决定，单击时，浏览器应在新选项卡中显示新页面。因此，我尝试添加“target”属性，如下所示:

cellTemplate: '<a data-bind="text:$parent.entity.sendPort, attr: { href: $parent.entity.sendPortLink, target:"_blank"}" ></a>'

这不起作用。超链接已呈现但无法点击。

我该怎么做？

Answer 1

问题出在双引号上。双引号用于 data-bind 属性和 target 属性。 target 属性的左双引号关闭 data-bind 属性。

此外，无需将目标放入数据绑定(bind)中。数据不是动态的，因此可以简单地添加到 a 元素中:

尝试将其更改为:

cellTemplate: '<a target="_blank" data-bind="text:$parent.entity.sendPort, attr: { href: $parent.entity.sendPortLink }" ></a>'