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