Angular 2动态控件名称attr

Question

使用选项卡时遇到单选按钮问题。当我给动态名称它创建 ng-relfect-name 但不是名称属性时，这就是为什么我的选项卡索引不起作用。我需要提供名称属性才能正确工作选项卡。

<div class="col-sm-5 form-inline">
    <span *ngFor="let rv of q.responsetypevalues; let j = index " [ngSwitch]="q.responsetype">
        <label *ngSwitchCase="'checkbox'">
            <input class="form-check-input" type="checkbox" [(ngModel)]="model.questions[i].responsetypevalues[j].checked" name="model.questions[{{i}}].responsetypevalues[{{j}}].checked"> {{rv.value}}
        </label>
        <label *ngSwitchCase="'radio'">
            <input class="form-check-input" name="model.questions[{{i}}].answer" type="radio" [(ngModel)]="model.questions[i].answer"  [value]="rv.id"> {{rv.value}}
        </label>
        <input *ngSwitchDefault type="text" class="form-control" [(ngModel)]="model.questions[i].responsetypevalues[j].value" name="model.questions[{{i}}].responsetypevalues[{{j}}].value" [value]="rv.value" />
    </span>
    <div class="error">{{q.errormsg}}</div>
</div>

Answer 1

你不需要 {{}} 内部表达式。只需 i 即可。

<input class="form-check-input" type="checkbox" [(ngModel)]="model.questions[i].responsetypevalues[j].checked" name="model.questions[i].responsetypevalues[j].checked"> {{rv.value}}

ngModel 周围的 [] 已经告诉 Angular 该值是一个表达式。

另一种绑定(bind)字符串的方法是

src="{{imgSourceProp}}.png"

(src 周围没有[])

如果你想要 DOM 中的属性(Angular2 绑定(bind)默认绑定(bind)到属性，而不是属性)使用 [attr.name]="model.questions[i].answer" 或 attr.name="{{model.questions[i].answer}}"