为什么姓氏不会在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版本的淘汰赛.谢谢.

Answer 1

我试试

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

添加我刚刚在淘汰赛教程中尝试了上述内容并且有效.

而

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

没有工作,并在<strong/>元素后打破了淘汰效应.(在Windows Chrome浏览器上.)

为什么问题我认为<strong>元素最初不是在dom中创建的,因为它是一个自闭元素.然后淘汰赛出现并试图添加HTML内容.结果:显示了html,但是以某种方式干扰了随后的淘汰dom更改.

在任何情况下:在多个浏览器上进行测试,并且在通常不期望的情况下不使用自闭元素.例如<strong/>