关于javascript：如何在一次点击中添加许多功能？


How to add many functions in ONE ng-click?

我正在寻找如何执行此操作，但到目前为止，我找不到任何相关的内容，：。(我可以嵌套这两个函数是的，但我只是想知道这是否可能？我真的想这样做：

1
<td><button class="btn" ng-click="edit($index) open()">Open me!</button></td>

目前我的JS代码：

1
2
3
4
5
6
7
8
9
10
11
12
$scope.open = function () {
  $scope.shouldBeOpen = true;
};      

$scope.edit = function(index){

  var content_1, content_2;
      content_1 = $scope.people[index].name;
      content_2 = $scope.people[index].age;

  console.log(content_1);
};

我只需单击一次就可以调用两个函数，如何在AngularJS中执行此操作？我以为当你添加多个类的时候，它会像在CSS中一样直接前进……但它不是：(

您有两种选择：

  • 创建包装两个方法的第三个方法。这里的优点是您在模板中放入的逻辑更少。

  • 否则，如果您想在ng click中添加2个调用，您可以在edit($index)之后这样添加'；'

    江户十一〔一〕号

    • 请参见：http://jsfiddle.net/laguiz/ehty6/

    相关讨论

    可以用"；"调用多个函数

    1
    ng-click="edit($index); open()"

    号

    很多人使用(点击)选项，所以我也会分享这个。

    1
    <button (click)="function1()" (click)="function2()">Button</button>

    。

    相关讨论

    试试这个：

    • 生成函数集合
    • 生成一个循环并执行集合中所有函数的函数。
    • 将函数添加到HTML
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    array = [
        function() {},
        function() {},
        function() {}
    ]

    function loop() {
        array.forEach(item) {
            item()
        }
    }

    ng - click ="loop()"
    1
    ng-click"$watch(edit($index), open())"
    相关讨论