0

我正在尝试使用 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 - Code01 - 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];
4

2 回答 2

2

你检查过文档或在谷歌上搜索过吗？根据我所知道的，你不能使用这种方法做一个默认值。还有一个专门的指令可以有效地做出选择。

我是新手，但希望我的回答能帮助你。

使用 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>

于 2016-06-14T09:46:27.560 回答
1

一种简单的方法是设置 editProfilCtrl.infos.department ：

editProfilCtrl.infos.department = editProfilCtrl.infos.departments[0]

在您的控制器中，不要使用 ng-selected

于 2016-06-14T09:12:31.213 回答