将数据库的默认选项加载到所选选项中

Question

我有一个函数可以加载一个简单的选择，如：

function cargarCatalogo() {
            apiService.get("../../api/Catalogo/GetCatalogoPadre/" + $scope.Catalogo + "/",
                null,
                function(res) {
                    $scope.Catalogos = res.data;
                    $scope.selected = $scope.Catalogos[0];
                   inicial
                    $scope.filtro($scope.selected);
                },
                errorCatalogo);
        }

如您所见，我使用$scope.selected = $scope.Catalogos[0];选择第一个选项作为默认选项$scope.selected = $scope.Catalogos[0]; 问题是我不希望该选项被选中，因为我使用的是“编辑视图”，所以我想选择数据库的值。

我的桌子是这样的：

+--------+----------+---------+
|     ID |  Nombre  | PadreID |
+--------+----------+---------+
|      1 | KENWORTH |       0 |
|      2 | VOLVO    |       0 |
|      3 | T6000    |       2 |
|      4 | T800     |       1 |
+--------+----------+---------+

如果我编辑寄存器T6000，我将在选择中收到KENWORTH和VOLVO ，但是PadreID等于2，所以我希望默认选项为2？ 我需要更改为选定值吗？ 问候

HTML：

<select class="form-control" ng-hide="Catalogos.length==0" ng-change="filtro(selected)" ng-model="selected" ng-options="item.Nombre for item in Catalogos "></select>

$scope.selected = $scope.Catalogos[0]; 结果：

Answer 1

如果您具有所需选择项的ID，则可以将ng-options="item.Codigo as item.Nombre for item in Catalogos "> select ng-options="item.Codigo as item.Nombre for item in Catalogos ">的ng-model将保留Codigo并且用户视图将显示Nombre

您可以尝试这个<select class="form-control" ng-hide="Catalogos.length==0" ng-change="filtro(selected)" ng-model="selected.Codigo" ng-options="item.Codigo as item.Nombre for item in Catalogos"></select>

Answer 2

我个人觉得语法ng-options难以阅读和理解，我一直首选将ng-repeat与ng-bind ， ng-value和ng-selected以达到类似的结果。 您可以使用替代方法来完成此操作：

<select class="form-control" ng-hide="Catalogos.length==0" ng-change="filtro(selected)" ng-model="selected">
        <option ng-repeat="item in Catalogos" ng-bind="item.Nombre" ng-value="item.Codigo" ng-selected="item.ID === object.ID"></option>
</select>

我不确定您要如何设置选择哪个选项，但是要使用ng-selected ，当与另一个值比较时，需要当前item中的任何属性才能将其评估为true。

ngSelected文档： https ://docs.angularjs.org/api/ng/directive/ngSelected