knockout.js - Knockout 无法处理绑定(bind)

Question

当文本未定义时如何绑定(bind)它？例如名称不可用:

<table id="recordTbl" data-bind="visible: records().length &gt; 0" class="table">
  <thead>
    <tr>
      <th class="col-md-4">ID</th>
      <th class="col-md-4">Name</th>
    </tr>
  </thead>
  <tbody data-bind="foreach: records">
    <tr>
      <td data-bind="text: id"></td>
      <td data-bind="text: name"></td>
    </tr>
  </tbody>
</table>

我收到此错误:

Uncaught ReferenceError: Unable to process binding "text: function (){return name }"
Message: name is not defined 

Answer 1

你可以$data绑定(bind)上下文属性始终代表当前 View 模型以访问 name通过它:

  <tbody data-bind="foreach: records">
    <tr>
      <td data-bind="text: id"></td>
      <td data-bind="text: $data.name"></td>
    </tr>
  </tbody>

通过这种方法，如果 records 中的其中一项，KO 不会抛出异常。没有 name属性(property)。

没有$data名为 name 的标识符未定义。然而$data.name始终是一个有效的表达式，它只返回 undefined如果当前 View 模型没有名为 name 的属性.