KnockoutJs 指向新标签的超链接答案

【问题标题】：KnockoutJs Hyperlink to new TabKnockoutJs 指向新标签的超链接
【发布时间】：2018-07-07 07:59:48
【问题描述】：

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

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

已决定，当点击时，浏览器应在新标签页中显示新页面。因此，我尝试按如下方式添加“目标”属性：

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

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

我该怎么做？

【问题讨论】：

【解决方案1】：

问题出在双引号中。双引号用于data-bind 属性和target 属性。 target 属性的开头双引号关闭了 data-bind 属性。

也不需要将目标放在数据绑定中。数据不是动态的，因此可以简单地添加到a 元素：

尝试将其更改为：

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

【讨论】：