納克級的多個條件

我想多報考條件爲納克級等「u.Credit」上限將讓說10000這裏是我的代碼：納克級的多個條件

<tr ng-repeat="u in user.tables.tbl1" ng-init="u.DateAdded = JSONtoDATE(u.DateAdded)" ng-class='{lastRow : $last}' ng-model="myIndex = $index"> 
    <td>{{u.ID}}</td> 
    <td>{{u.Name}}</td> 
    <td>{{u.Email}}</td> 
    <td>{{u.DateAdded}}</td> 
    <td ng-class='{selectedRow : u.Credit >= creditValue}'>{{u.Credit}}</td> 
</tr>

...我已經試過這樣的事情，但它沒有工作：

<td ng-class='{selectedRow : ((u.Credit >= creditValue) && (u.Credit < 10000))}'>{{u.Credit}}</td>

來源

2017-04-25 cembo

可能的問題涉及到您所使用的''&&而不是'& &'？就我所知，ng-class仍然被解析爲任何html或xml屬性字符串。 –

您可以替換您的控制器上的函數調用：

<td ng-class='getClassForCurrentRow(u)'>{{u.Credit}}</td>

我不確定creditValue是從哪裏填充的，如果它來自控制器，則不需要新參數，如果不需要，則將其添加到函數getClassForCurrentRow(u, creditValue)。

而在你的控制器定義類：

{...} 
$scope.getClassForCurrentRow = function(record) { 
    if (record.Credit >= $scope.creditValue) { 
     return "selectedRow"; 
    } 
    return ""; 
}

小心離開這個功能越簡單越好，因爲角運行它在每一個週期，以確定是否改變的東西。

來源

2017-04-25 05:50:53

<a href="" ng-click="addFavorite(myfav.id);favorite=!favorite"> 
<i class="fa orange" ng-class="{'fa-star': favorite || fav==myfav.id, 'fa-star-o': !favorite}"></i>

來源

2017-04-25 06:01:07 Ananya

我道歉的傢伙，我已經在測試代碼（我是JS初學者），這對期望的功能和修正之後的負面影響我不得不說，我的表達都聲稱爲「不可─小錯誤工作'實際上是工作：

selectedRow : (u.Credit >= creditValue && u.Credit < 10000)

但是，你的答案對我來說是非常寶貴的，因爲我是學習者。謝謝。

來源

2017-04-25 06:22:10 cembo

對於ng類中的多個條件，它最好在控制器中創建一個函數，該函數在ng類中爲selectedRows返回true或false。如下圖所示：

{...} 
$scope.getSelectedRow = function(record, creditValue) { 
    if (record.Credit >= creditValue && record.Credit < 10000) { 
     return true; 
    } 
    return false; 
}

調用此類似：

<td ng-class='getSelectedRow(u,creditValue)'>{{u.Credit}}</td>

來源

2017-04-25 06:38:46

嘗試像下面..

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.3/angular.min.js"></script> 
 
<style> 
 
.selectedRow{ 
 
color:#987789; 
 
font-size:30px; 
 
} 
 
.unSelectedRow{ 
 
color:#234567; 
 
font-size:30px; 
 
} 
 
</style> 
 
<body ng-app="" ng-init="Credit = 10;creditValue=9;"> 
 
<p ng-class="{true: 'selectedRow', false: 'inactive'}[Credit >= creditValue]">Value : {{Credit}}</p> 
 
<p ng-class="{false: 'unSelectedRow'}[Credit < creditValue]">Value : {{Credit}}</p> 
 

 
</body>

來源

2017-04-25 06:49:12

納克級的多個條件

回答

相關問題