AngularJS基礎 ng-submit 指令簡單示例
更新時間：2016年08月03日 09:37:59 投稿：lqh
本文主要介紹AngularJS ng-submit 指令,這里對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 指令的基礎資料整理，后續(xù)繼續(xù)補充，有需要的學習的朋友可以看下。
相關文章
angular2 ng2-file-upload上傳示例代碼
這篇文章主要介紹了angular2 ng2-file-upload上傳示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-08-08
下面小編就為大家?guī)硪黄狝ngularJS中的指令全面解析(必看)。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
這篇文章主要介紹了Angular實現(xiàn)的進度條功能,結合實例形式較為詳細的分析了angular進度條功能的相關界面布局、功能等操作技巧,需要的朋友可以參考下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種方法，分別是利用$interlval實現(xiàn)、$timeout的遞歸調(diào)用來實現(xiàn)以及$timeout借助arguments.callee來實現(xiàn)，每種方法都給出了詳細的示例艾瑪供大家學習參考，需要的朋友們下面跟著小編一起來學習學習吧。2017-04-04
本篇文章主要介紹了Angular2數(shù)據(jù)綁定的相關知識。具有很好的參考價值。下面跟著小編一起來看下吧2017-04-04
AngularJS中$watch和$timeout的使用示例
這篇文章給大家介紹了AngularJS中$watch和$timeout的使用例子，通過示例代碼相信更能讓大家理解，有需要的朋友們下面來一起看看吧。2016-09-09
本文主要介紹AngularJS ng-paste 指令,這里對ng-paste 指令的基礎資料做了整理,并附有代碼示例,有需要的朋友可以參考下2016-08-08
本文主要介紹AngularJS 動畫,這里對動畫的資料詳細介紹并附有效果圖和代碼實例,有需要的小伙伴參考下2016-07-07
在Angular中,NgZone是一個服務,用于管理異步任務的執(zhí)行,并提供一種在Angular區(qū)域內(nèi)或外部顯式運行代碼的方式,NgZone.run方法是一種顯式在Angular區(qū)域內(nèi)運行函數(shù)的方式,本文介紹Angular中的NgZone.run()有什么用,感興趣的朋友一起看看吧2024-01-01