
例如,我们可以通过下面的代码在输入框中设置默认值:
<input type="text" ng-model="name" value="{{name || 'John Doe'}}">
如果“name”模型中没有值,则默认值“John Doe”将填充输入框。同样的,我们也可以通过下面的代码在表单验证中使用“||”符号:
<div ng-show="form.name.$invalid || form.email.$invalid">
Please enter both a name and an email address.
</div>
在上面的代码中,“||”符号用于判断表单中“name”和“email”字段是否都填写了。如果有一个字段没有填写,则表单将被标记为无效,并显示相应的错误消息。
因此,使用“||”符号可以方便地设置默认值和表单验证。
使用ng-model和ng-valueng-mode是当前选中的值,, ng-value是这个radio的值。
使用ng-model把radio绑到一个变量上,ng-value使用表达式来表示值。选中时它的值就是ng-value的值了。测试代码如下:
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<title>radio的绑定</title>
<script src="angular.js"></script></head><body ng-app="app">
<div ng-controller="appCon">
<form ng-submit="ok()">
<div>
<input type="radio" name="a" ng-value="a" ng-model="c">11 <input type="text" ng-model="a">
<input type="radio" name="a" ng-value="b" ng-model="c">22<input type="text" ng-model="b">
</div>
<h1>{{c}}<h1>
<input type="submit" value="submit">
</form>
</div>
<script>
var app = angular.module('app', [])
app.controller('appCon', function($scope) {
$scope.ok = function(){
console.dir($scope.c)
}
}) </script></body></html>
这里可以打印下 $scope.c 会发现,它的是你选的选项了。或者直接写页面上看看。
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)