Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在一个ng类指令中具有条件和函数的ng类_Javascript_Html_Angularjs - Fatal编程技术网

Javascript 在一个ng类指令中具有条件和函数的ng类

Javascript 在一个ng类指令中具有条件和函数的ng类,javascript,html,angularjs,Javascript,Html,Angularjs,我希望ng类有一个条件和一个函数调用。如何进行必要的更改以: <li ng-repeat="t in tabs" ng-class="{'active1':t.active,clickmenu(t.route)}" ng-click='clickMainMenu($index,t)'><div class='custom-menu-li' >{{t.heading | translate }}</div> </li> {{t.hea

我希望ng类有一个条件和一个函数调用。如何进行必要的更改以:

<li ng-repeat="t in tabs" ng-class="{'active1':t.active,clickmenu(t.route)}" ng-click='clickMainMenu($index,t)'><div class='custom-menu-li' >{{t.heading | translate }}</div>       
</li>
  • {{t.heading | translate}
  • 使
    ng类
    在一个
    ng类
    指令中有一个条件和一个函数。

    controller.js

    $scope.isActive = function(t) {
        if (t.active) {
           clickmenu(t.route);
           return true;
        }
    }
    
    template.html

    <li ng-repeat="t in tabs" 
        ng-class="{'active1': isActive(t)}" 
        ng-click='clickMainMenu($index,t)'>
      <div class='custom-menu-li' >{{t.heading | translate }}</div> 
    </li>
    
  • {{t.标题|翻译}
  • 注意:这不是理想的做法。每个摘要周期都会调用您的clickmenu

    controller.js

    $scope.isActive = function(t) {
        if (t.active) {
           clickmenu(t.route);
           return true;
        }
    }
    
    template.html

    <li ng-repeat="t in tabs" 
        ng-class="{'active1': isActive(t)}" 
        ng-click='clickMainMenu($index,t)'>
      <div class='custom-menu-li' >{{t.heading | translate }}</div> 
    </li>
    
  • {{t.标题|翻译}

  • 注意:这不是理想的做法。每个摘要周期都会调用您的clickmenu

    您可以使用
    和&
    这样做:

    <li ng-repeat="t in tabs" ng-class="{'active1':t.active && clickmenu(t.route)}" ng-click='clickMainMenu($index,t)'><div class='custom-menu-li' >{{t.heading | translate }}</div>       
    </li>
    
  • {{t.heading | translate}
  • 在ng class指令中,我想要2个条件,一个应该是函数,当我这样使用时,它会抛出一些解析错误,但仍然不清楚。你能解释一下你想要什么吗?在这个问题上你试过什么吗。有一个“代码”按钮来标记代码,这样代码就不会被弄乱。你能更清楚地回答你的问题吗?