Knockout.js，CoffeeScript和jQuery ajax不更新文本字段

Question

我試圖通過AJAX接收數據並將其顯示在頁面上。 ajax請求成功，但淘汰賽不會更新視圖。可能是什麼問題？

源代碼：視圖模型

class AppViewModel 
    constructor: -> 
    @company = ko.observable {name:'n/a', tariff:'n/a', contract:'n/a', balance:'0'} 
    @getBriefInfo() 
    @companyTariff = ko.computed => "Tariff: #{@company.tariff}" 
    @companyBalance = ko.computed => "Total: #{@company.balance}" 


    getBriefInfo: -> 
    $.ajax 
     type: 'POST' 
     url: '/index.php/site/getCompanyShortInfo' 
     data: {} 
     dataType: 'json' 
     contentType: 'json' 
     success: (res) => 
      console.log @company(), res.name, res.tariff 
      @company res 
      console.log @company(), res.name, res.tariff 

$ -> 
    ko.applyBindings(new AppViewModel(),document.getElementById("company-info")) 

源代碼：查看

 <ul id="company-info" class="unstyled company-info"> 
     <li data-bind="text: company.contract"></li> 
     <li data-bind="text: company.name"></li> 
     <li data-bind="text: companyBalance"></li> 
     <li data-bind="text: companyTariff"></li> 
    </ul> 

Answer 1

的company屬性是可觀察的，而不是它的屬性。由於您直接綁定到屬性，因此公司對象更改時不會看到任何更改。

您或許可以利用with綁定逃脫。公司更改時，內容應該更新。

<ul id="company-info" class="unstyled company-info"> 
    <!-- ko with: company --> 
     <li data-bind="text: contract"></li> 
     <li data-bind="text: name"></li> 
    <!-- /ko --> 
    <li data-bind="text: companyBalance"></li> 
    <li data-bind="text: companyTariff"></li> 
</ul> 

如果你需要嵌套任何其他屬性，你必須改變它，所以屬性實際上是可觀察的。