如何使用角度js更新表中的值

时间:2016-10-23 09:27:45

标签: javascript php mysql angularjs node.js

我正在使用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>

因此,你可以看到乔有一个&#34;风险&#34; 5的值可能会根据几个不同的东西而改变。我需要知道一种在使用AngularJS调用套接字事件时更改Joe值的方法,或者是否有另一种方法更容易实现。

1 个答案:

答案 0 :(得分:1)

您有一个包含数据的javascript模型,当您更新数据时,视图将分别更新。传入套接字后,您只需更新$ scope.users。

在您的控制器中:

$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>