2017-07-26 71 views
1
if (url.indexOf('master/confirm-account') > 0) { 
    $scope.accountInfo = 'Confirm Account'; 
    $scope.page = 'confirm_account'; 
    $scope.activeTab = true; 
} else if (url.indexOf('master/master-profile') > 0) { 
    $scope.accountInfo = 'Confirm Account'; 
    $scope.page = 'master_profile'; 
    $scope.activeTab = true; 
} else { 
    $scope.accountInfo = 'Create Account'; 
} 


<div ng-class = "{'process-step' : true, '({{page}}=='confirm_account') ? 'active-tab' : ' '}" > 

如何添加過程步和有源標籤類 預期的結果,如果條件匹配,那麼就變成那樣如何添加條件類angularjs

+0

https://www.google.es/search?q=ng-class+with+conditional&oq=ng-class+with+conditional&aqs=chrome..69i57j0l5.5456j0j1&sourceid=chrome&ie=UTF-8 –

+1

可能有[ AngularJS ngClass條件](https://stackoverflow.com/questions/16529825/angularjs-ngclass-conditional) – Durga

回答

1

納克級的工作原理是

{'add_this_class' : (if_this_expression_is_true)} 

而不是以其他方式。

試試這個

<div class="process-step" ng-class="{'active-tab' : (page =='confirm_account') }"> 
0

看到到你的類匹配邏輯的複雜性,你可以去實現納克級

**裏面HTML **

<div class="process-step" ng-class="ctrl.getPageBasedClass()"> 

的第二種方式內部控制器

var self.getPageBasedClass = function(){ 

    var yourClassNameAsString = // your logic for class name 
    return yourClassNameAsString; 
}