我有一个工厂,从数据库中拉下拉选项:在我的控制器选择由它的价值下拉选项 - 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"];
^^^但是,这并不工作,要么
angular.js:13424的ReferenceError:_没有定义 –
你必须包括lodash到您的项目和HTML。请参阅[lodash.com](https://lodash.com/)。 –
这不是角度解决方案。我也可以在其他插件中完成一行修复。我正在寻找一个纯粹的Angular解决方案,谢谢 –