如何在一次点击中获得2个功能?

时间:2016-06-24 11:19:53

标签: javascript html angularjs html5

我想在一次ng-click中获得2个功能。
这是代码:

<button class="cButtonSpeichern" ng-click="saveUser()">Speichern</button>

我想添加此功能。

alert()

有人可以帮助我吗?

5 个答案:

答案 0 :(得分:5)

制作如下方法:

function onSpeichernClick() {
    saveUser();
    alert();
}

<强>用法

<button class="cButtonSpeichern" ng-click="onSpeichernClick()">Speichern</button>

答案 1 :(得分:2)

@Joopkins答案最好但是:

<button class="cButtonSpeichern" ng-click="saveUser();alert()">Speichern</button>
如果您无法访问控制器,

也应该有效。

答案 2 :(得分:0)

你可以做两件事:

  1. 有一个类似于&#39; onButtonClick&#39;负责调用这两个函数。
  2. 在你的HTML中:

    <button class="cButtonSpeichern" ng-click="onButtonClick()">Speichern</button>
    

    在您的控制器中:

    $scope.onButtonClick = function(){
      callFunction1();  //in your case saveUser()
      callFunction2();  //in you case alert()
    }
    
    1. 从按钮

      中的事件绑定中调用它们
      <button class="cButtonSpeichern" ng-click="saveUser(); alert()">Speichern</button>
      

答案 3 :(得分:0)

alert() will not work from ng-click

Use alert from ng-click of a directive

最好调用ng-click作用域的函数,并从@Joopkins中的范围函数调用实际的两个函数

答案 4 :(得分:0)

你可以试试Joopkins&#39;解决方案或只是做

function showalert(){
   alert('Your Message');
}

{{1}}

这种用法背后的原因是你无法使用ng-click

直接调用javascript函数

检查这个演示: this