angularjs - update table column when model changes

Question

i have a dataTable that i define dynamically, based on my controller's model, as following:

<tbody>
    <tr ng-repeat="rec in grid.records">
        <td ng-repeat="col in grid.columns" 
            ng-init="value=rec[col.name]">
            <span ng-model="rec[col.name]">{{value}}</span>
        </td>
    </tr>
</tbody>

why doesn't dataTable column values is updated when model changes?

Yes-yes, I would advice to read about ngModel: official docs — Sergey Narozhny
– Sergey Narozhny, Commented Nov 25, 2014 at 18:23
actually, i wasn't using ng-model, but after a few tries, i've tried to use it. — Danilo Sampaio
– Danilo Sampaio, Commented Nov 25, 2014 at 18:27
From Angular Docs: "The only appropriate use of ngInit is for aliasing special properties of ngRepeat" rec[col.name] is not a special property. An example of a special property would be $index. — doog abides
– doog abides, Commented Nov 25, 2014 at 18:39

Blazemonger · Accepted Answer · 2014-11-25 18:50:52Z

1

Try this:

<tbody>
    <tr ng-repeat="rec in grid.records">
        <td ng-repeat="col in grid.columns">
            <span>{{rec[col.name]}}</span>
        </td>
    </tr>
</tbody>

edited Nov 25, 2014 at 18:50

Blazemonger

93.3k28 gold badges147 silver badges181 bronze badges

answered Nov 25, 2014 at 18:33

jbigman

1,29013 silver badges25 bronze badges

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

2 Comments

Danilo Sampaio Over a year ago

i have created a isolated case, using {{rec[col.name]}} instead of {{value}}, and it works. Thank you very much. If my real application keep not working out, i'll let you know.

Danilo Sampaio Over a year ago

the whole problem was how i did use ng-init. Thanks.

Collectives™ on Stack Overflow

angularjs - update table column when model changes

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related