[Angular2 Form] Build Select Dropdowns for Angular 2 Forms

最新推荐文章于 2025-09-07 22:29:54 发布

转载最新推荐文章于 2025-09-07 22:29:54 发布 · 73 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/Answer1215/p/5921106.html

文章标签：

#javascript #ViewUI

本文介绍如何在 Angular 2 中使用 select 和 option 元素构建下拉选择框。通过 *ngFor 指令遍历数据项并创建选项，使用 ngModel 跟踪所选值的变化。

Select Dropdowns in Angular 2 a built with select and option elements. You use *ngFor to loop through your values and create options and use ngModel to keep track of the value as it changes.

<form #formRef="ngForm">
    <select name="location" [ngModel]="locations[0]">
        <option 
            *ngFor="let location of locations"
            [value]="location">
            
            {{location}}
            
        </option>
    </select>
</form>