javascript - 如何发送选择时的下拉值作为参数传递给同一 Controller 内的另一个函数； Angular

Question

我有一个下拉列表，其想法是单击第一个下拉列表，一旦选择了值，就应该发送它来调用在另一个下拉列表中生成列表的函数。我的两个函数都以 Angular 方式工作。问题是在第一个下拉列表中选择该选项后如何立即调用函数。这是 hTML:

    <center>
    <select type="submit" ng-submit="save()" ng-model="category">
        <option size=50 value="" selected>Select a meta category</option>
        <option ng-repeat="meta in metas.metas" value="{{meta}}">{{meta}}</option>
    </select>
</center>
<center>
    <select ng-model="category1">
        <option size=50 value="" disabled selected>Select a category</option>
        <option ng-repeat="category in categories.categories" value="{{category}}">{{category}}</option>
    </select>
</center>

AngularJs:

.controller('PostCtrl', function ($scope, $http) {})

.controller('UserListCtrl', function ($scope, $http) {
$scope.list = function () {
    $http.get('http://94.125.132.253:8001/getuncategorisedplaces').success(function (data) {

        $scope.places = data;
        console.log(data);
        $scope.message = 'List of Uncategorised places';
    })
}
$scope.list();
$scope.meta = function () {
    return $http.get('http://94.125.132.253:8000/getmetas').success(function (data) {

        $scope.metas = data;
        console.log($scope.category);
        console.log(data);
        $scope.message = 'List of Uncategorised places';

    })
}


$scope.meta1 = $scope.meta().then(function (data) {
    var formdata = {
        'category': $scope.category,
    }
    var inserturl = 'http://94.125.132.253:8000/getcategories?meta=' + formdata.category;
    return $http.get(inserturl).success(function (data) {

        $scope.categories = data;
        console.log(formdata.category);
        console.log(data);
        $scope.message = 'List of Uncategorised places';
    });
});

控制台中没有错误，因为当我选择选项时没有发生任何事情，我尝试过 onchange="function()"。但我收到错误消息，指出该功能无法识别。我已将其从代码中删除，因为它不起作用且不合适。一旦用户从第一个列表中选择元类别，我需要第一个下拉列表来调用 $scope.meta1 中的函数

Answer 1

你必须观察你的模型，并在它改变时启动你的函数，比如

$scope.$watch('category', function(newvalue) {
                $scope.meta()
            });

您还可以在您的选择上使用 ng-change，例如

ng-change="meta()"