How to update a value in a table with angular js

Question

I'm using PHP/MySQL/Socket.IO/NodeJS. I'm trying to expand my website and add more functionality to it. Essentially I need to update a table when a new user is added to the table, but I need to do it with AngularJS I'm pretty sure.

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

So as you can see Joe has a "Risk" Value of 5 this could change based on a couple different things. I need to know of a way to change Joe's value when a socket event is called with AngularJS or if there is another way that would be easier that would work.

jonassvensson · Accepted Answer · 2016-10-23 09:35:54Z

1

You have a javascript model with the data and when you update the data, the view will be updated respectively. After incoming socket, you just update the $scope.users.

In your controller:

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

In your template:

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

answered Oct 23, 2016 at 9:35

jonassvensson

4911 gold badge6 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

PermissionsEx Over a year ago

How would I populate the users model as it comes in though?

Collectives™ on Stack Overflow

How to update a value in a table with angular js

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related