我有以下代码:

<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 the price' | translate}}" required />
    </div>
</div>


请注意,我在ng-model上有一个input,它正在尝试动态设置模型wd.{{key}}

当我运行此代码时,它说在.之后有一个无效的属性名称。

如何获得相同的效果?我不喜欢一周中的每一天都有HTML代码。

最佳答案

使用方括号符号(并且不要忘记它仍然是JavaScript):

ng-model="wd[key]"

关于javascript - 如何动态设置ng-model,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/30546744/

10-11 12:47
查看更多