使用ng-repeat进行选择时的默认选定值

debugcn 发表于 Dev

帕拉迪斯

我正在尝试使用ng-selected选择默认值，但是它不起作用。

我的代码是

<select 
    id="department" 
    name="department" 
    class="form-control"
    ng-model="editProfilCtrl.infos.department"
    ng-change="editProfilCtrl.findCities()">
        <option 
            ng-repeat="dep in editProfilCtrl.infos.departments" 
            class="text-uppercase" 
            value="{{dep}}"
            ng-selected="{{dep.idDepartment == editProfilCtrl.infos.department}}">
            {{editProfilCtrl.infos.department}} - {{dep.idDepartment}} - {{dep.code}} - {{dep.name}}
        </option>
</select>

在我的下拉列表中，我得到以下结果：

（空的）
1-1-代码01-TEST1
1-2-Code02-TEST2
1-3-Code03-TEST3
...

您可以看到editProfilCtrl.infos.department =1。因此，通常必须默认选择它。但这是选择的空行：/。你有好主意吗？

谢谢。

编辑：Mac gyver “解决方案”：

<select 
    id="department" 
    name="department" 
    class="form-control"
    ng-model='editProfilCtrl.infos.department' 
    ng-change="editProfilCtrl.findCities()"
    ng-options='dep as dep.code + " - " + dep.name for dep in editProfilCtrl.infos.departments'>
</select>

在我的控制器中：

self.infos.selectedDepartment = editProfilFormDto.department;
self.infos.departments = editProfilFormDto.departments;
self.infos.department = self.infos.departments[self.infos.selectedDepartment - 1];

保罗·约翰·迪瓦

您是否检查过文档或在Google上进行过搜索？根据我的了解，您无法使用该方法设置默认值。还有一个专门的指令，可以有效地进行选择。

我是新手，但希望我能为您提供解答。

使用ngOptions https://docs.angularjs.org/api/ng/directive/ngOptions

/** 
  somewhere in your controller
*/
    editProfilCtrl.infos.department = editProfilCtrl.infos.departments[0]

  <select 
    id="department" 
    name="department" 
    class="form-control"
    ng-model="editProfilCtrl.infos.department"
    ng-change="editProfilCtrl.findCities()" ng-options="dep.idDepartment+' '+dep.code+' '+dep.name for dep in editProfilCtrl.infos.departments"></select>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。