javascript - 如何动态设置ng-model

Question

我有以下代码:

<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>

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

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

我怎样才能得到同样的效果？我不喜欢一周中的每一天都有 HTML 代码。

Answer 1

使用括号表示法(不要忘记它仍然是 JavaScript):

ng-model="wd[key]"