javascript - 从 ng-change 函数调用 ng-click 函数

标签 javascript angularjs

我是 angularjs 的新手,如果我错了,请清除我。

我正在使用单选并想要获取值并根据我想要执行的操作的值。例如:如果我得到“DELETE”,那么我想将其发送到名为“delete”的 ng-click 函数。下面是我的代码:-

html.jsp

<body ng-app ng-controller="AppCtrl">
<select ng-model="some_action.type"  ng-change="actionchange(some_action.type)" ng-options="type.value as type.displayName for type in types">
</select>
</body>

script.js

    function AppCtrl($scope) {

        $scope.some_action={
            type: 'Select'
        }

        $scope.types = [
            {value: 'DELETE', displayName: 'Delete'},
            {value: 'SUSPEND', displayName: 'Suspend'}
         ]
    }

$scope.actionchange= function(value) {
     console.log('change action is -'+ value);
     //here I will fetch some ids which will sent to some other's click function
};

所以我分别使用 ng-click 函数来执行这两个操作,并希望从 ng-change 中使用它,它将调用 ng-click。

最佳答案

    function AppCtrl($scope) {

        $scope.some_action = {
            type: 'Select'
        }

        $scope.types = [{
                value: 'DELETE',
                displayName: 'Delete'
            },
            {
                value: 'SUSPEND',
                displayName: 'Suspend'
            }
        ]
    }

    $scope.actionchange = function(value) {
        console.log('change action is -' + value);
        var fetchIds= [];
        // based on the condition push all ids to fetchIDS

        $scope.method_Delete(fetchIds);
    };

$scope.method_Delete=function(fetchIds){
// do something using fetchIds
}

关于javascript - 从 ng-change 函数调用 ng-click 函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47434375/

相关文章:

php - 帮助使用带有 JS 引号的 PHP echo 语法

javascript - 我可以使用 jQuery 调整 iframe 的大小以填充剩余的窗口空间吗?

javascript - 如何有效地计算 JavaScript 中对象的键/属性的数量

javascript - 如何从纯 JavaScript 方法调用 AngularJS 过滤器

javascript - MEANJS : 413 (Request Entity Too Large)

javascript - 下拉菜单元素在选项卡上失去焦点

javascript - 粘性侧边栏 - 停在元素处?

javascript - 如何访问装饰器中的 ngStyle 键和值?

javascript - 参数 'indexController' 不是函数,未定义

javascript - MathJax 不使用 Angular 渲染