AngularJS基礎(chǔ) ng-submit 指令簡單示例
AngularJS ng-submit 指令
AngularJS 實例
表單提交后執(zhí)行函數(shù):
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script> </head> <body ng-app="myApp" ng-controller="myCtrl"> <form ng-submit="myFunc()"> <input type="text"> <input type="submit"> </form> <p>{{myTxt}}</p> <p>以下實例演示了表單提交后 AngularJS 執(zhí)行行。</p> <script> var app = angular.module("myApp", []); app.controller("myCtrl", function($scope) { $scope.myTxt = "你還沒有點擊提交!"; $scope.myFunc = function () { $scope.myTxt = "你點擊了提交!"; } }); </script> </body> </html>
定義和用法
ng-submit 指令用于在表單提交后執(zhí)行指定函數(shù)。
語法
<form ng-submit="expression"></form>
<form> 元素支持該屬性。
參數(shù)值
值 | 描述 |
---|---|
expression | 表單提交后函數(shù)將被調(diào)用,或者一個表達式將被執(zhí)行,表達式返回函數(shù)調(diào)用。 |
以上就是對AngularJS jg-submit 指令的基礎(chǔ)資料整理,后續(xù)繼續(xù)補充,有需要的學(xué)習(xí)的朋友可以看下。
- AngularJS基礎(chǔ) ng-switch 指令簡單示例
- AngularJS教程 ng-style 指令簡單示例
- AngularJS基礎(chǔ) ng-srcset 指令簡單示例
- AngularJS基礎(chǔ) ng-src 指令簡單示例
- AngularJS基礎(chǔ) ng-show 指令簡單示例
- AngularJS基礎(chǔ) ng-selected 指令簡單示例
- AngularJS基礎(chǔ) ng-readonly 指令簡單示例
- AngularJS基礎(chǔ) ng-paste 指令簡單示例
- AngularJS基礎(chǔ) ng-options 指令詳解
- AngularJs 指令詳解及示例代碼
相關(guān)文章
angular2 ng2-file-upload上傳示例代碼
這篇文章主要介紹了angular2 ng2-file-upload上傳示例代碼,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-08-08angular6根據(jù)environments配置文件更改開發(fā)所需要的環(huán)境的方法
這篇文章主要介紹了angular6根據(jù)environments配置文件更改開發(fā)所需要的環(huán)境的方法,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2019-03-03Angular.js中定時器循環(huán)的3種方法總結(jié)
這篇文章主要給大家總結(jié)了angular.js中定時器循環(huán)的3種方法,分別是利用$interlval實現(xiàn)、$timeout的遞歸調(diào)用來實現(xiàn)以及$timeout借助arguments.callee來實現(xiàn),每種方法都給出了詳細的示例艾瑪供大家學(xué)習(xí)參考,需要的朋友們下面跟著小編一起來學(xué)習(xí)學(xué)習(xí)吧。2017-04-04AngularJS中$watch和$timeout的使用示例
這篇文章給大家介紹了AngularJS中$watch和$timeout的使用例子,通過示例代碼相信更能讓大家理解,有需要的朋友們下面來一起看看吧。2016-09-09AngularJS基礎(chǔ) ng-paste 指令簡單示例
本文主要介紹AngularJS ng-paste 指令,這里對ng-paste 指令的基礎(chǔ)資料做了整理,并附有代碼示例,有需要的朋友可以參考下2016-08-08