AngularDart表數據綁定不起作用

Question

在組件html中使用angular.dart的Chrome Packaged應用程序中，我有下表，它正在顯示對象列表的分頁內容;進出口。工作：

<tbody> 
    <tr id="{{job.jobID}}" ng-repeat="job in jComp.jobs | pagination:jComp.paginator.instance" ng-model="job" ng-click="jComp.selectJob(job.jobID)"> 
    <td>{{job.jobID}}</td> 
    <td> 
     {{job.productID}}<br> 
     {{job.productDescription}}<br> 
    </td> 
    <td>{{job.productType}}</td> 
    <td><img alt="No thumb" ng-src="{{job.thumbFURL}}"/></td> 
    <td>{{job.status}}</td> 
    </tr> 
</tbody> 

然後在我的組件我顯示一個彈出式模態div來要求用戶選擇操作。當用戶單擊更改job.status時，會有第二層確認模式，一旦在組件中確認，我將從jComp.jobs列表中找到作業並更新狀態。在彈出模式中，狀態得到更新，但在表格中它仍然顯示舊狀態。然後當我分頁到下一頁並回來時，它會被更新。在頁面切換之前它保持不變？我在更新作業列表後嘗試調用scope.apply（），但沒有幫助。我想知道什麼是paginator.goNext（）或paginator.goPrev（）這樣做會導致刷新表列表。不清楚在這種情況下雙向數據綁定是如何工作的。 （分頁使用angular_pagination包完成）

Answer 1

我試着使用：的

<td ng-bind="job.status"/> 

代替：

<td>{{job.status}}</td> 

，並修復了這個問題。我不確定爲什麼雙括號沒有將列表中的對象註冊到更改監聽器/觀察者。據我瞭解，雙向綁定應該與{{}}協同工作，但在這種情況下，有些事情正在破壞它。這可能是雙括號中的一個錯誤。