Angularjs - Условия внутри 'ng-класса' - PullRequest
Новая
       0

Angularjs - Условия внутри 'ng-класса'

0 голосов
/ 31 мая 2018 
ng-class="{highlightRow: row.Note === 'Success'}"

Если при этом выделяются строки, у которых Примечание в поле Успех , могу ли я иметь условие внутри этого ng-class для выделения строк, где Примечание поле имеет значение Success или Warning ?

Ответы [ 2 ]

0 голосов
/ 31 мая 2018

Вы можете иметь ng-class="{highlightRow: (value === 'Success' || value ==='Warning')

Я дал success по умолчанию и через 3 секунды оно меняется на Warning, но highlightRow остается тем же. Пожалуйста, проверьте ниже фрагмент и демо 

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<body>
<style>
.highlightRow{
color: green
}
</style>
<div ng-app="myApp" ng-controller="myCtrl">

<p ng-class="{highlightRow: value === 'Success' || value ==='Warning'}">{{value}}</p>

</div>

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope, $timeout) {
    $scope.value = "Success";
     $timeout( function(){
            $scope.value = "Warning";
        }, 3000 );
});
</script>

</body>
</html>

Пожалуйста, запустите приведенный выше код

Вот рабочая ДЕМО

0 голосов
/ 31 мая 2018

Вы уже пробовали это? 

ng-class= "{'highlightRow' : row.Note === 'Success' || row.Note === 'Warning'}"
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...