コントローラ内の条件文に基づいてng-classを変更する

Question

ng-classを特定の背景イメージを持つCSSクラスで更新しようとしています。例：

<button id="search" ng-class="{travel: travel }">Search</button> 

for(var i = 0; i < arrayLength; i++) { 

    var descriptions = uniqueFilters[i].split(' '); 

     if(descriptions.indexOf('Travel') > -1) { 
      $scope.travel = "travel"; 

      } else { 

       } 
      }} 

文字列が表示されます。私は文字列を取り、文章を個々の単語に分割し、特定の単語がある場合は、クラスを更新して特定の背景イメージを適用します。

これを動作させるにはどうすればよいですか？

Answer 1

あなたはtrueまたは012のいずれかに評価する必要があるngClassディレクティブに関数を渡すことができます。お使いのコントローラで

<button id="search" ng-class="{travel: travel() }">Search</button> 

：あなたは、あなたのコントローラに機能travelを作成し、あなたのビューでディレクティブにそれを渡すと

// ... your other code 

$scope.travel = function() { 

    for (var i = 0; i < arrayLength; i++) { 

    var descriptions = uniqueFilters[i].split(' '); 

    if (descriptions.indexOf('Travel') > -1) { 

     // we have satisfied our condition 
     // the class 'travel' will be added to the button 
     return true; 

    } 

    } 

    // we didn't satisfy the condition in our loop 
    // the class 'travel' will NOT be added to the button 
    return false; 

} 

Answer 2

@Dave Vは旅行が真である必要がありますのでNGクラスのディレクティブは、ブール値を必要とする彼のコメントで言ったように：

$scope.travel = true; 

それとも、それが文字列である必要があれば、あなたが何かを行うことができます以下のような：

ng-class="{travel: travel == 'travel' }" 

それは=をホープ）