Проверка состояния в HTML - PullRequest
Новая
       0

Проверка состояния в HTML

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

Я хочу назвать класс при условии прибыли или убытка, поэтому я использовал знаки больше и меньше.Больше чем работает отлично, но меньше чем знак дает ошибку разбора.

Вот мой код: - 

<td [ngClass]="{'text-green': profitLoss.netSaving > 0},{'text-red': profitLoss.netSaving < 0}">{{profitLoss.netSaving}}</td>

Ответы [ 4 ]

0 голосов
/ 22 мая 2018
Символы

< и > используются для открытия и закрытия HTML-элементов.Поэтому используйте &lt; и &gt;, например: 

<td [ngClass]="{'text-green': profitLoss.netSaving &gt; 0, 'text-red': profitLoss.netSaving &lt; 0}">{{profitLoss.netSaving}}</td>
0 голосов
/ 22 мая 2018

Angular JS предоставляет эту функциональность в директиве ng-класса .В котором вы можете поставить условие, а также назначить условный класс.

Используйте это 

<td ng-class="{true: 'text-green', false: 'text-red'}[ profitLoss.netSaving > 0]">{{profitLoss.netSaving}}</td>
0 голосов
/ 22 мая 2018

Пожалуйста, посмотрите на это и попробуйте изменить значение "a". 

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<style>
.text-red{
color:red;
font-size:35px;
}
.text-green{
color:blue;
font-size:25px;
}
</style>
<body>

<div ng-app="myApp" ng-controller="abc">
<p ng-class="{'text-green': a > 0,'text-red': a < 0}">Have a look at me. Am I able to help you?</p>
</div>

<script>
var app = angular.module('myApp', []);
app.controller('abc', function($scope) {
    $scope.a = -1;
});
</script>

</body>
</html>
0 голосов
/ 22 мая 2018

Попробуйте

1002 *
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

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

...