通过ng-change传递函数参数不工作

Passing of function argument through ng-change not working

本文关键字：工作 参数 传递函数 ng-change 通过      更新时间：2023-09-26

我有一个对象数组，每个对象都有一个名称和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，所以你想从那里得到选择的值。

相关文章：