Knockout.js JSON数据具有可选属性

从我的服务器返回的JSON具有可选属性（例如）CompanyNumber有时为NULL，因此将其从特定公司的JSON响应中删除。（JMSSerializeBundle）。Knockout.js JSON数据具有可选属性

如果我绑定它以呈现表中的所有公司，只要有公司没有CompanyNumber，就会崩溃。有没有办法来防止这种情况发生？

当前代码：

<script type="text/javascript"> 
$(document).ready(function() { 
    $.getJSON(Routing.generate('contacts_companies_get_json'), function(data) { 
    var companies = ko.mapping.fromJS(data); 
    ko.applyBindings({ 
     'companies': companies 
    }); 
}) 
}); 
</script> 

    <table class="table"> 
    <thead> 
     <tr> 
      <th>Name</th> 
      <th>Company Number</th> 
      <th>Account</th> 
      <th>Supplier</th> 
      <th>Competitor</th> 
      <th>Other</th> 
      <th></th> 
     </tr> 
    </thead> 
    <tbody data-bind="foreach: companies"> 
     <tr> 
      <td><a href="#" class="title"><span data-bind="text: name"></span> <span data-bind="text: legal_form"></span></a></td> 
      <td><span data-bind="text: company_number"></span></td> 
      <td><span data-bind="if: type_account" ><i class="icon-check"></i></span></td> 
      <td><span data-bind="if: type_supplier" ><i data-bind="if: type_supplier" class="icon-check"></i></span></td> 
      <td><span data-bind="if: type_competitor" ><i data-bind="if: type_competitor" class="icon-check"></i></span></td> 
      <td><span data-bind="if: type_other" ><i data-bind="if: type_other" class="icon-check"></i></span></td> 
      <td><a class="btn btn-mini">Details</a><td> 
     </tr> 
    </tbody> 
</table>

来源

2013-04-08 Simon

可能重复[淘汰赛视图模型属性未定义]（ http://stackoverflow.com/questions/9281196/knockou t-viewmodel-property-undefined） – nemesv 2013-04-08 19:24:41

你可以试试这个：

<div data-bind="text: name() ? name() : ''"></div>

参考：https://groups.google.com/forum/?fromgroups=#!topic/knockoutjs/fhVmPzRjdOs

可能重复：knockout viewmodel property undefined

的

来源

2013-04-08 19:13:18 lucuma

我收到此错误未捕获错误：无法解析绑定。消息：ReferenceError：company_number未定义; 绑定值：text：company_number（）？ company_number（）：''它适用于第一个（它有一个公司号码）。当它遇到没有公司号码的第一家公司时，呈现停止。（公司的编号没有在JSON树中定义，当它为NULL时）该公司的 – Simon 2013-04-08 19:19:41

我已经添加了另一个链接，似乎是你正在寻找的问题。 – lucuma 2013-04-08 19:21:58

检查是否：$ data works！ – Simon 2013-04-08 19:28:20

Knockout.js JSON数据具有可选属性

回答

相关问题