javascript - 如何使用 Angular JS 更新表中的值

Question

我正在使用 PHP/MySQL/Socket.IO/NodeJS。我正在尝试扩展我的网站并为其添加更多功能。本质上，当新用户添加到表中时，我需要更新表，但我很确定我需要使用 AngularJS 来完成此操作。

<pre>
 <thead>
  <tr>
  <th>Name</th>
  <th>Risk</th>
  </tr>
</thead>
<tbody>
 <tr><td> Joe </td> <td> 5 </td> 
</tbody>

正如您所看到的，Joe 的“风险”值为 5，这可能会因一些不同的因素而改变。我需要知道当使用 AngularJS 调用套接字事件时更改 Joe 的值的方法，或者是否有其他更容易工作的方法。

Answer 1

您有一个包含数据的 JavaScript 模型，当您更新数据时， View 将相应更新。传入套接字后，您只需更新 $scope.users。

在你的 Controller 中:

$scope.users = [
  { name: 'Joe', risk: 5 }
];

在您的模板中:

 <thead>
  <tr>
  <th>Name</th>
  <th>Risk</th>
  </tr>
</thead>
<tbody>
 <tr ng-repeat="user in users">
    <td>{{ user.name }}</td>
    <td>{{ user.risk }}</td> 
</tbody>