Question

如何在带有字符串数组的select控件上进行默认选择。

这有效：

＆＃13;

            <select class="form-control"
                    [ngModel]="defaultSubscription"
                    name="subscription">                
                <option value="Basic">Basic</option>
                <option value="Advanced">Advanced</option>
                <option value="Pro">Pro</option>
            </select>

＆＃13;

但这个不是：

＆＃13;

            <select class="form-control"
                    [ngModel]="defaultSubscription"
                    name="subscription">
                <option *ngFor="let subsciption of subscriptions"
                        value="{{subscription}}">
                    {{subsciption}}
                </option>
            </select>

＆＃13;

Answer 1

使用方括号

let subscriptions = ['subscription1', 'subscription2'];

<select class="form-control"
                [ngModel]="defaultSubscription"
                name="subscription">
            <option *ngFor="let subsciption of subscriptions"
                    [value]="subscription">
                {{subsciption}}
            </option>
</select>

Answer 2

只需删除value即可按您的意愿工作，此处不需要：

<select class="form-control"
    [ngModel]="defaultSubscription"
    name="subscription">
  <option *ngFor="let subsciption of subscriptions">{{subsciption}}</option>
</select>

选择控件上的默认选择

2 个答案:

Demo