ng-model中可以写||表示或的条件吗

ng-model中可以写||表示或的条件吗,第1张

在使用AngularJS的ng-model指令时,可以通过在表达式中使用“||”符号来表示或的条件。当使用“||”符号时,只要其中一个条件成立,整个表达式就会成立。这种 *** 作通常用于在表单中设置默认值,同时也可以在表单验证中使用。

例如,我们可以通过下面的代码在输入框中设置默认值:

<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-value

ng-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 会发现,它的是你选的选项了。或者直接写页面上看看。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11779539.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-18
下一篇2023-05-18

发表评论

登录后才能评论

评论列表(0条)

    保存