我有一个对象数组,每个对象都有一个名称和url属性。我使用ng-options来显示选择列表中每个对象的name属性。
然后我使用ng-change来调用一个函数,其中所选对象的url作为函数参数。当执行此操作时,我没有得到任何错误,但是当控制台记录调用后函数中传递的参数时,它返回未定义。传递url作为参数的东西不起作用。如果有人能给我指个方向就太好了。
html:
<div ng-controller="TaskChartCtrl">
<select ng-model="selectedP" ng-options="project as project.name for project in projectList" ng-change="populateGraphs(project.url)">
<option value="">Select A Project</option>
</select>
</div>
控制器代码:
mod.controller("TaskChartCtrl", ["$scope", "$http", function ($scope, $http) {
$scope.projectList = [];
$http.get('https://api.freeagent.com/v2/projects', config).then(function(response) {
$scope.projectList = response.data.projects;
});
$scope.populateGraphs = function(projectUrl) {
console.log(projectUrl);
$scope.selectedP = projectUrl;
//REST OF FUNCTION CODE USING $scope.selectedP
}
get返回后projectList的示例:
$scope.projectList = [{
'name':'projectName',
'url':'projectUrl'
}, {
'name':'projectName2',
'url':'projectUrl2'
}, {
...
}]
尝试:
ng-change="populateGraphs(selectedP.url)"
选择的模型是selectedP
,所以你想从那里得到选择的值。