简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > js教程 > 主體

ng-click如何一次傳遞多個參數

php中世界最好的语言
發布： 2018-05-03 10:45:07
原創
1583 人瀏覽過

這次帶給大家ng-click如何一次傳遞多個參數，ng-click一次傳遞多個參數的注意事項有哪些，以下就是實戰案例，一起來看一下。 

<!DOCTYPE html>
<html ng-app="myApp">
<head>
  <meta charset="UTF-8">
  <title>angular ng-click用于操作事件的指令</title>
  <script src="angular.min.js"></script>
  <!--
    事件指令：Angular封装的用于操作事件的指令
    通常是ng-[event]来命名指令，如ng-click表示单击事件
    Angular中的事件处理，需要将处理函数挂载到对应控制器的$scope上
  -->
</head>
<body>
  <p ng-controller="myCtrl">
    <button ng-click="fn1()">点击执行</button>
    <button ng-click="fn2($event)">点击执行，附带事件对象$event</button>
    <button ng-click="fn2($event, &#39;tom&#39;)">点击执行，多个参数</button>
  </p>
<script>
  var app = angular.module("myApp", [])
    .controller("myCtrl", ["$scope", function($scope) {
      $scope.fn1 = function() {
        alert("事件执行");
      }
      $scope.fn2 = function(event,name) {
        console.log("事件执行了.", event, name);
      }
    }]);
</script>
</body>
</html>
登入後複製

我相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：

JS裡怎麼驗證E-mail 位址格式

Vue.js表單控制項要如何使用

JS發送json格式POST請求有哪些方式

以上是ng-click如何一次傳遞多個參數的詳細內容。更多資訊請關注PHP中文網其他相關文章！

相關標籤：
一次性 多個
來源：php.cn
上一篇：Angular實作字母大小寫轉換步驟詳解（附代碼） 下一篇：txt檔案怎麼實現上傳前預覽
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
在行動視圖中，當使用者點擊連結時，如何關閉此導覽列？ 當使用者點擊連結瀏覽網站時，導覽列沒有關閉？我曾嘗試向每個連結新增點擊事件偵聽器以關閉導覽欄，但它不起作用！此外，處於活動位置（即X）的hamberberger選單圖示也沒有很好地...
來自於 2024-04-06 19:23:03
0
1
411
Angular 7 去除 SCSS 中的重複屬性 AngularSASS(.scss)剝離屬性。如何防止這種情況發生，以便我可以嵌入重複的屬性以實現跨瀏覽器相容性？要複製，請建立一個新的Angular7.2專案{"nam...
來自於 2024-04-04 23:28:54
0
1
1382
如果值存在，則取得記錄總和，將其視為 1，而不是精確值 我需要“打開”為2並單擊為1但現在我越來越喜歡打開為5並單擊為2"SELECTCOALESCE(sum(requested),0)asrequested,COALESCE...
來自於 2024-04-04 16:49:24
0
1
338
判斷數組中是否存在元素的過程是無效的 很抱歉打擾您，但我已經花了兩個小時來解決這個問題。問題是我的程式碼只加入了一個元素，但沒有加入其他id，寫的是「已經有」$(function(){$(".js-compa...
來自於 2024-04-03 13:03:54
0
1
377
地面濾鏡模糊過渡問題 按下按鈕會模糊背景，但在過渡時，div的邊緣過渡效果不佳。除了Firefox之外的所有瀏覽器都存在此問題，我該如何修復它？ varbtn=document.querySelecto...
來自於 2024-04-01 23:10:22
0
1
335
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！