Javascript 选择框中的ng模型工作不正常

我使用angular js绘制选择框

 <select ng-model="selected">
     <option value="{{obj.id}}" ng-repeat="obj in values">{{obj.name}} </option>
 </select>
 selected id - {{selected}} 

{{obj.name}
选定id-{selected}

此处，默认选择的值不会根据值

selected

进行初始化

已对此问题进行了详细说明。

您应该使用指令呈现selectbox选项：

<select ng-model="selected" ng-options="obj.id as obj.name for obj in values"></select>

---

修复演示：

案例2在本例中更新

只需在选项标记中添加ng selected=“selected==obj.id”

<option value="{{obj.id}}" ng-repeat="obj in values" ng-selected="selected == obj.id" > 
{{obj.name}} 
</option>

{{obj.name}

正确的方法如下：

<select id="select-type-basic" [(ngModel)]="status">
    <option *ngFor="let status_item of status_values">
    {{status_item}}
    </option>
</select>

---

.ts文件中的声明

这仍然不起作用。该模型未在控制器范围内更新。@Tyguy7您的代码有问题。张贴问题。

<select id="select-type-basic" [(ngModel)]="status">
    <option *ngFor="let status_item of status_values">
    {{status_item}}
    </option>
</select>

status : any = "Completed";
status_values: any = ["In Progress", "Completed", "Closed"];