簡體   English   中英

一鍵單擊如何獲得2個功能?

[英]how can i get 2 functions in one ng-click?

我想一次單擊即可獲得2個函數。
這是代碼:

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

我想添加此功能。

alert()

有人能幫我嗎?

制作如下方法:

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

用法

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

@Joopkins的答案是最好的,但是:

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

如果您無權訪問控制器,它也應該工作。

您可以做兩件事:

  1. 具有類似“ onButtonClick”的函數,該函數負責調用這兩個函數。

在您的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> 
alert() will not work from ng-click

通過ng-click指令使用警報

最好為ng-click調用范圍函數,並從該范圍函數內部調用實際的兩個函數,例如@Joopkins answer

您可以嘗試Joopkins的解決方案,或者干脆做

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

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

這種用法的原因是您不能使用ng-click直接調用javascript函數

檢查此演示: http : //learnkode.com/try/f6FqCfZa

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM