Question

使用如下所示的div条件

<div data-index="5" class="col-xs-12 col-sm-4 col-md-3 col-lg-2 tiles ${ {{myvariable.data}} ? 'hidden-lg hidden-md hidden-xs hidden-sm':''}" data-myapp-detail="somexyz">

当{{myvariable.data}}变为“假”时，{{myvariable.data}}会出现问题。是否存在任何角度js条件，我可以根据{{myvariable.data}}启动变量并在div标签三元条件中使用该变量。

如果我直接保留布尔值 false 而不是<div data-index="5" class="col-xs-12 col-sm-4 col-md-3 col-lg-2 tiles ${ false ? 'hidden-lg hidden-md hidden-xs hidden-sm':''}" data-myapp-detail="somexyz">，那么它会按预期工作。

var _getOrdersPage = function(options) {
        var pageSize = options.data.pageSize;
        var page = options.data.page -1;
        return $http({
            method: 'get',
            url: serviceBase + 'api/Packages?pageSize=' + pageSize + '&page=' + page
        })
        .then(
            function(results) {
                return results;
            },
            function(ex){
                return ex;
            });
}

Answer 1

对于Angular2

<div data-index="5" 
  class="col-xs-12 col-sm-4 col-md-3 col-lg-2 tiles"
  [ngClass]="myvariable.data ? 'hidden-lg hidden-md hidden-xs hidden-sm':''" 
  data-myapp-detail="somexyz">

或

<div data-index="5" 
  class="col-xs-12 col-sm-4 col-md-3 col-lg-2 tiles"
  [ngClass]="myvariable.data ? ['hidden-lg', 'hidden-md', 'hidden-xs', 'hidden-sm']:''" 
  data-myapp-detail="somexyz">

div标签内的Angular JS三元运算符

1 个答案: