AngularJS基礎(chǔ) ng-submit 指令簡單示例
AngularJS ng-submit 指令
AngularJS 實(shí)例
表單提交后執(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>以下實(shí)例演示了表單提交后 AngularJS 執(zhí)行行。</p>
<script>
var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
$scope.myTxt = "你還沒有點(diǎn)擊提交!";
$scope.myFunc = function () {
$scope.myTxt = "你點(diǎn)擊了提交!";
}
});
</script>
</body>
</html>
定義和用法
ng-submit 指令用于在表單提交后執(zhí)行指定函數(shù)。
語法
<form ng-submit="expression"></form>
<form> 元素支持該屬性。
參數(shù)值
| 值 | 描述 |
|---|---|
| expression | 表單提交后函數(shù)將被調(diào)用,或者一個表達(dá)式將被執(zhí)行,表達(dá)式返回函數(shù)調(diào)用。 |
以上就是對AngularJS jg-submit 指令的基礎(chǔ)資料整理,后續(xù)繼續(xù)補(bǔ)充,有需要的學(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-08
Angular實(shí)現(xiàn)的進(jìn)度條功能示例
這篇文章主要介紹了Angular實(shí)現(xiàn)的進(jìn)度條功能,結(jié)合實(shí)例形式較為詳細(xì)的分析了angular進(jìn)度條功能的相關(guān)界面布局、功能等操作技巧,需要的朋友可以參考下2018-02-02
angular6根據(jù)environments配置文件更改開發(fā)所需要的環(huán)境的方法
這篇文章主要介紹了angular6根據(jù)environments配置文件更改開發(fā)所需要的環(huán)境的方法,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2019-03-03
Angular.js中定時器循環(huán)的3種方法總結(jié)
這篇文章主要給大家總結(jié)了angular.js中定時器循環(huán)的3種方法,分別是利用$interlval實(shí)現(xiàn)、$timeout的遞歸調(diào)用來實(shí)現(xiàn)以及$timeout借助arguments.callee來實(shí)現(xiàn),每種方法都給出了詳細(xì)的示例艾瑪供大家學(xué)習(xí)參考,需要的朋友們下面跟著小編一起來學(xué)習(xí)學(xué)習(xí)吧。2017-04-04
AngularJS中$watch和$timeout的使用示例
這篇文章給大家介紹了AngularJS中$watch和$timeout的使用例子,通過示例代碼相信更能讓大家理解,有需要的朋友們下面來一起看看吧。2016-09-09
AngularJS基礎(chǔ) ng-paste 指令簡單示例
本文主要介紹AngularJS ng-paste 指令,這里對ng-paste 指令的基礎(chǔ)資料做了整理,并附有代碼示例,有需要的朋友可以參考下2016-08-08
AngularJS中實(shí)現(xiàn)動畫效果的方法
本文主要介紹AngularJS 動畫,這里對動畫的資料詳細(xì)介紹并附有效果圖和代碼實(shí)例,有需要的小伙伴參考下2016-07-07

