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());

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

FirstName：首先第一

我没有看到姓氏，也没有重复两次的名字。我正在使用ASP.Net空项目创建一个html文件作为默认页面。我正在使用2.0.0版本的淘汰赛。感谢。

Answer 1

我试试

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

已添加我刚刚在knockout tutorial中尝试了上述内容，但确实有效。

而

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

在<strong/>元素之后无效并打破了淘汰效应。（在Windows Chrome浏览器上。）

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

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

为什么姓氏不会在Knockout js示例中显示

1 个答案: