javascript
  • html
  • angularjs
  • 2017-06-14 13 views 0 likes 
    0

    ng-classに条件と関数呼び出しを持たせたい。 ng-classが条件と1つのng-classディレクティブで機能を持たせるようにng-classディレクティブで条件と関数を持つng-class

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

    :どのように私はへの変更が必要に作るのですか。

    +0

    あなたは、あなたの質問に、より明確にすることはできますか? –

    +0

    クリック - クリック= 'clickMainMenu($ index、t)'>

    {{t.heading | translate }}
  • +0

    がスローされます。このように使用する場合1は、機能する必要があります。あなたはあなたが何を望んでいるのか、問題の身体で何を試してきたのかを教えてください。コードをマングルしないようにマークする「コード」ボタンがあります。 – norekhov

    答えて

    0

    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> 
    

    注:これはを行うには理想的なものではありません。クリックメニューはダイジェストサイクルごとに呼び出されます。

    あなたが &&を使用して、このように行うことができます
    +0

    すべての条件を確認したい –

    +0

    申し訳ありませんが、私はあなたの要件を理解していません。 –

    0

    <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> 
    
    関連する問題