0

我有一个工厂,从数据库中拉下拉选项:在我的控制器选择由它的价值下拉选项 - Angularjs

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 ng-model="clinicsDDL.item" ng-options="item.name for item in clinicsDDL track by item.id" ngRequired /> 

下拉列表数据的下降,其投入$ scope.clinicsDDL看起来是这样的:

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

从数据库返回的用户数据是这样的:

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

在我的控制我填充下拉列表/选择,然后我把用户ID并将其提交给数据库以获取用户信息。此用户信息返回。从那时起,我想根据从数据库返回的“DefaultLocationId”从先前填充的列表中选择一个特定的选项。

我该怎么做呢?

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

^^^不起作用,因为我不能依赖数组总是形成相同的。我需要基于“DefaultLocationId”而不是一个整数来定位数组项目。在jQuery中,你可以通过使用$('#clinicsDDL option [value =“19”')。doSomething();

我想它会像在角是这样的:

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

^^^但是,这并不工作,要么

回答

-1

预选择只使用引用。当你想选择一个元素并且你不知道哪个字段包含它时,那么你必须搜索它。除了使用array.filter的(),你应该使用lodash的查找功能(https://lodash.com/docs#find

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

_.find(...)将返回不确定时,没有项目可以发现。所以,你可以把它定义或使用默认值,像

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

angular.js:13424的ReferenceError:_没有定义 –

+0

你必须包括lodash到您的项目和HTML。请参阅[lodash.com](https://lodash.com/)。 –

+0

这不是角度解决方案。我也可以在其他插件中完成一行修复。我正在寻找一个纯粹的Angular解决方案,谢谢 –