如何在单击时添加许多功能?

2020/10/05 01:01 · javascript ·  · 0评论

我一直在寻找如何执行此操作,但到目前为止我还没有找到任何相关的东西,:(我可以嵌套两个函数,但是我只是想知道这是否可行吗?

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

目前我的JS代码:

$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中一样简单...但是不是:(

您有2个选择:

  1. 创建包装这两个方法的第三个方法。这样做的好处是可以减少模板中的逻辑。

  2. 否则,如果要在ng-click中添加2个呼叫,则可以添加';'。经过edit($index)这样的

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

看到这里:http : //jsfiddle.net/laguiz/ehTy6/

您可以使用“;”调用多个函数

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

很多人使用(单击)选项,所以我也将分享这一点。

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

尝试这个:

  • 收集功能
  • 创建一个循环并执行集合中所有功能的函数。
  • 将功能添加到html
array = [
    function() {},
    function() {},
    function() {}
]

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

ng - click = "loop()"

添加多种功能的标准方法

<button (click)="removeAt(element.bookId); openDeleteDialog()"> Click Here</button>

要么

<button (click)="removeAt(element.bookId)" (click)="openDeleteDialog()"> Click Here</button>

按照下面

ng-click="anyFunction()"

anyFunction() {
   // call another function here
   anotherFunction();
}
ng-click "$watch(edit($index), open())"
本文地址:http://javascript.askforanswer.com/ruhezaidanjishitianjiaxuduogongneng.html
文章标签: ,  
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!