我正在尝试开始进行Angular 开发。在查看文档后,仍然存在一些问题。如何最好地编写一个ng-if,其中包含多个参数,if( a && b)或if( a || b )
ng-if
if( a && b)
if( a || b )
im9ewurl1#
这是可能的。
<span ng-if="checked && checked2"> I'm removed when the checkbox is unchecked. </span>
字符串http://plnkr.co/edit/UKNoaaJX5KG3J7AswhLV?p=preview
6ovsh4lw2#
只是为了澄清,要知道支架放置是很重要的!这些可以添加到任何HTML标签. span,div,table,p,tr,td等。
AngularJS
ng-if="check1 && !check2" -- AND NOT ng-if="check1 || check2" -- OR ng-if="(check1 || check2) && check3" -- AND/OR - Make sure to use brackets
字符串
Angular2+
*ngIf="check1 && !check2" -- AND NOT *ngIf="check1 || check2" -- OR *ngIf="(check1 || check2) && check3" -- AND/OR - Make sure to use brackets
型最好不要直接在ngIfs中进行计算,因此在组件中分配变量,并在其中执行任何逻辑。
boolean check1 = Your conditional check here... ...
型
3htmauhk3#
对于希望使用多个“或”值执行if语句的人。
<div ng-if="::(a || b || c || d || e || f)"><div>
fdx2calv4#
是的,可以。例如结帐:
<div class="singleMatch" ng-if="match.date | date:'ddMMyyyy' === main.date && match.team1.code === main.team1code && match.team2.code === main.team2code"> //Do something here </div>
6mzjoqzu5#
另一种方法是在控制器作用域中使用函数。
var myApp = angular.module('myApp',[]); myApp.controller('MyController', ['$scope', function($scope) { $scope.ControllerModel = { check1: true, check2: false, }; $scope.Validate_ItemOfMyList(item) { if (item == null) item = $scope.ControllerModel; return item.check1 && !item.check2; }; }]);
<p ng-if="Validate_ItemOfMyList()" >This item is valid!</p>
<div class="myClass" ng-repeat="item in MyList" > <p ng-if="Validate_ItemOfMyList(item)">This item is valid!</p> </div>
5条答案
按热度按时间im9ewurl1#
这是可能的。
字符串
http://plnkr.co/edit/UKNoaaJX5KG3J7AswhLV?p=preview
6ovsh4lw2#
只是为了澄清,要知道支架放置是很重要的!
这些可以添加到任何HTML标签. span,div,table,p,tr,td等。
AngularJS
字符串
Angular2+
型
最好不要直接在ngIfs中进行计算,因此在组件中分配变量,并在其中执行任何逻辑。
型
3htmauhk3#
对于希望使用多个“或”值执行if语句的人。
字符串
fdx2calv4#
是的,可以。例如结帐:
字符串
6mzjoqzu5#
另一种方法是在控制器作用域中使用函数。
控制器
字符串
查看
型
使用ng-repeate
型