AngularDart 表数据绑定不起作用答案

【问题标题】：AngularDart table data binding not workingAngularDart 表数据绑定不起作用
【发布时间】：2014-09-13 00:37:35
【问题描述】：

在使用 angular.dart 的 Chrome 打包应用程序中，在组件 html 中，我有下表显示对象列表的分页内容； exp。工作：

<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 包完成）

【问题讨论】：

标签： dart angular-dart

【解决方案1】：

我尝试使用：

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

代替：

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

它解决了这个问题。我不确定为什么双括号没有将列表中的对象注册到更改侦听器/观察器。据我了解，两种方式的绑定应该与 {{}} 一起使用，但在这种情况下，有些东西破坏了它。这可能是双括号中的错误。

【讨论】：