angularjs Angular ng-if="“多参数

of1yzvn4  于 2023-11-16  发布在  Angular
关注(0)|答案(5)|浏览(161)

我正在尝试开始进行Angular 开发。在查看文档后,仍然存在一些问题。如何最好地编写一个ng-if,其中包含多个参数,
if( a && b)if( a || b )

im9ewurl

im9ewurl1#

这是可能的。

<span ng-if="checked && checked2">
  I'm removed when the checkbox is unchecked.
</span>

字符串
http://plnkr.co/edit/UKNoaaJX5KG3J7AswhLV?p=preview

6ovsh4lw

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

3htmauhk

3htmauhk3#

对于希望使用多个“或”值执行if语句的人。

<div ng-if="::(a || b || c || d || e || f)"><div>

字符串

fdx2calv

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>

字符串

6mzjoqzu

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>

使用ng-repeate

<div class="myClass"
    ng-repeat="item in MyList"
>
    <p ng-if="Validate_ItemOfMyList(item)">This item is valid!</p>
</div>

相关问题