通过下拉列表中的值-Angularjs选择选项

Question

我有一个从数据库中提取下拉选项的工厂:

app.factory('populateDDL', function($http) {
    'use strict';
    return function (tbl,key) {
        var json,
            data = JSON.stringify({
                sKey: key,
                sTableName: tbl
            });
        return $http.post('util.asmx/populateDDL',data).
        then(function(response) {
            return JSON.parse(response.data.d);
        });
    };
});

然后，我将该数据应用于控制器中的下拉列表/选择：

app.controller('userSettings', function($scope, $http, populateDDL) {
            $scope.clinicLocations = new populateDDL('locations',key).
            then(function(response) {
                console.log(response);
                $scope.clinicsDDL = response.locations;
                $http({
                    url: 'util.asmx/returnUser', 
                    method: 'POST',
                    data: {sUserId: uid},  
                })
                .success(function(user) {
                    $scope.user = user.d;
                })
                .error(function(data, status, headers, config) {
                    console.log(data+', '+status+', '+headers+', '+config);
                });
            });
        });

下面是select标记的外观：

<select ng-model="clinicsDDL.item" ng-options="item.name for item in clinicsDDL track by item.id" ngRequired />

放入$scope的下拉列表数据。临床DDL如下所示：

[{
    "id": "19",
    "name": "other clinic"
}, {
    "id": "39",
    "name": "My clinic"
}]

从 DB 返回的用户数据如下所示：

{
    "__type": "User",
    "FirstName": "Erik",
    "LastName": "Grosskurth",
    "DefaultLocationId": "39"
}

在我的控制器中，我填充了下拉列表/选择，然后我获取了一个用户ID并将其提交给DB以获取用户信息。这些用户信息会返回。然后，我想根据DB返回的“DefaultLocationId”从先前填充的列表中选择一个特定的选项。

我该怎么做呢？

$scope.clinicsDDL.item = $scope.clinicsDDL[0];

^^^不起作用，因为我不能依赖数组总是相同的形式。我需要基于“DefaultLocationId”而不是整数来定位数组项。

在jQuery中，您可以使用$('#clinicsDDL option[value="19 " ')来定位选择器。do something()；

我以为它会像这样在角度上像这样：

$scope.clinicsDDL.item = $scope.clinicsDDL[value="19"];

^^^，但这也不起作用

Answer 1

预选仅使用引用。当您要选择一个元素并且不知道哪个字段包含它时，则必须搜索它。而不是使用数组.filter（）你应该使用洛达什的查找函数（https://lodash.com/docs#find）

//preselect DefaultLocationId 39
$scope.clinicsDDL.item = _.find($scope.clinicsDDL, {DefaultLocationId : 39});

_.查找(...)将在找不到任何项目时返回undefined。所以您可以不定义它，或者使用默认值，比如

$scope.clinicsDDL.item = _.find($scope.clinicsDDL, {DefaultLocationId : 39}) || $scope.clinicsDDL[0];