javascript - Dynamic variables in HTML and Angular? -
i'm using ng-repeat through list of objects consist of displaynames , variables. example, here example fields list:
"fields": [     {"displayname": "company name", "variable": "name"},     {"displayname": "location of product", "variable": "location"}, ]   currently i'm doing this:
<div ng-repeat="field in fields">     <label class="control-label">{{field.displayname}}</label>     model.{{field.variable}} </div>   i want model.{{field.variable}} display value of model.variable value. example, if field.displayname "company name", want display model.name.
i tried wrapping in curly braces {{model.{{field.variable}}}} didn't work.
thanks!
you need use bracket notation when have dynamic key.
<div ng-repeat="field in fields">     <label class="control-label">{{ field.displayname }}</label>     {{ model[field.variable] }} </div>      
Comments
Post a Comment