javascript - how to set ng-model dynamically -
i have following code:
<div class="form-group" ng-repeat="(key, day) in {'monday':'monday','tuesday':'tuesday','wednesday':'wednesday','thursday':'thursday','friday':'friday','saturday':'saturday','sunday':'sunday'}"> <label for="{{key}}" class="col-sm-3 control-label">{{day | translate}}</label> <div class="col-sm-4"> <input type="number" class="form-control" ng-model="wd.{{key}}" id="{{key}}" name="{{key}}" min="1" placeholder="{{'enter price' | translate}}" required /> </div> </div> notice have ng-model on input trying set model dynamically wd.{{key}}.
when run code says there invalid property name after ..
how can same effect? don't having html code each day of week.
use bracket notation (and don't forget still javascript):
ng-model="wd[key]"
Comments
Post a Comment