ng-submit
2016-04-10 21:02
573 查看
ng-submit用来将表达式同onsubmit事件进行绑定。这个指令同时会阻止默认行为(发送请求并重新加载页面),除非表单不含有action属性。
</form>
};
};});
<form ng-submit="submit()" ng-controller="FormController">
Enter text and hit enter: <input type="text"
ng-model="person.name"
name="person.name" /> <input type="submit"
name="person.name"
value="Submit" /> <code>people={{people}}</code> <ul ng-repeat="(index, object) in people">
<li>{{ object.name }}</li> </ul>
</form>
angular.module('myApp',[]) .controller('FormController',function($scope) {
$scope.person = { name: null
};
$scope.people = [];
$scope.submit = function() { if ($scope.person.name) {
$scope.people.push({name: $scope.person.name});
$scope.person.name = ''; }
};});
相关文章推荐
- AngularJS基础教程之简单介绍
- AngularJS中处理多个promise的方式
- angularJS 中$attrs方法使用指南
- 深入浅析AngularJS和DataModel
- 简述AngularJS相关的一些编程思想
- 不能不知道的10个angularjs英文学习网站
- AngularJS中的$watch(),$digest()和$apply()区分
- AngularJS的一些基本样式初窥
- 简单讲解AngularJS的Routing路由的定义与使用
- 创建你的第一个AngularJS应用的方法
- 详解AngularJS中的作用域
- Angular发布1.5正式版,专注于向Angular 2的过渡
- 简介AngularJS的视图功能应用
- AngularJS语法详解
- AngularJS 2.0新特性有哪些
- AngualrJS中的Directive制作一个菜单
- 在AngularJS框架中处理数据建模的方式解析
- angularJS与bootstrap结合实现动态加载弹出提示内容
- AngularJS实现全选反选功能
- angularjs中的e2e测试实例