前面的文章说道了click事件,与其类似的mouSEOver以及mousemove等等。下面看看selected、change、copy等运用在表单的事件吧。
selected
<script type="text/javascript">
var m1 = angular.module('myApp',[]);
m1.controller('Aaa',['$scope',function($scope){}]);
前面的文章说道了click事件,与其类似的mouSEOver以及mousemove等等。下面看看selected、change、copy等运用在表单的事件吧。
<script type="text/javascript">
var m1 = angular.module('myApp',[]);
m1.controller('Aaa',['$scope',function($scope){}]);
如果我们希望一个select选中指定的option,只需要设置该option为selected="selected",现在为第二个绑定一个变量aaa,对应了一个单选框的ng-model,但单选框选中时aaa为true,取消选中时为false,这样就能设置option的selected了。
<script type="text/javascript">
var m1 = angular.module('myApp',function($scope){}]);
当输入框的内容发现改变的时候,让bbb变量设为'hello'。
<script type="text/javascript">
var m1 = angular.module('myApp',function($scope){}]);
当我们粘贴内容到输入框的时候,ccc的值变成'hello'。
除此之外,还有cut(剪切)、paste(粘贴事件)。
下面看个具体的表单验证的例子:
<div ng-controller="Aaa">
<div class="col-md-6">
<div class="form-group has-Feedback">
<div class="col-md-4">
<label for="url">URL
URL:{{user.url}} 没修改:{{myForm.url.$pristine }} 修改过:{{myForm.url.$dirty}} 验证失败:{{myForm.url.$invalid}} 验证成功:{{myForm.url.$valid}} 错误详情:{{myForm.url.$error}}
<script type="text/javascript">
var m1 = angular.module('myApp','$interval',function($scope,$interval){
$scope.submitForm = function(isValid,data) {
//验证表单是否可是提交
if (isValid) {
console.log(data);
}else{
console.log('验证失败');
}
};
}]);