javascript - 为什么 Knockout js 示例中不显示姓氏

Question

我是新手，有如下示例代码

<p>First Name: <strong data-bind="text: firstName" /></p>
 <p>Last Name: <strong data-bind="text: lastName" /></p>

 <script type="text/javascript">
 function AppViewModel() {
     this.firstName = "First";
     this.lastName = "Last";
 }
 ko.applyBindings(new AppViewModel());

当我运行代码时，我看到的是

名字:名字首先

我没有看到姓氏和名字重复了两次。我正在使用 ASP.Net 空项目创建一个 html 文件作为默认页面。我用的是2.0.0版本的knock out。谢谢。

Answer 1

我会试试

<p><strong data-bind="text: lastName"></strong></p>

已添加 我刚刚在 knockout tutorial 中尝试了以上内容它奏效了。

鉴于

<p><strong data-bind="text: lastName"/></p>

在 <strong/> 之后无效并破坏了 knockout 效果元素。 (在 windows chrome 浏览器上。)

为什么会出现问题 我认为 <strong>元素最初不是在dom中创建的，因为它是一个自闭元素。然后 knockout 出现了，并尝试向其中添加 html 内容。结果:显示了 html，但以一种干扰随后的 knockout dom 更改的方式。

在任何情况下:在多个浏览器上进行测试，不要在通常不需要的情况下使用自关闭元素。例如 <strong/>