Изменить цвет текста с AngularJs ⇐ Html

[Anonymous]

У меня есть этот частичный код: < /p>

ng-class="{'color-red': $ctrl.clientStatus === 'Error', 'color-blue': $ctrl.clientStatus === 'Warning', 'color-green': $ctrl.clientStatus === 'OK'}">
Status: {{$ctrl.filesToUploadClientStatus}}
< /code>

и этот код компонента: < /p>

(function (app) {
app.component('uploadFilesComponent', {
templateUrl: 'partials/upload-files-partial.html',

// bindings: {filesToUpload: '=', hasFilesOnServer : '='},
controller: ['$scope', '$state','uploadService', function ($scope, $state, uploadService) {

...

var self = this;

var NO_FILES_TO_UPLOAD = "No files to upload";
var WAITING_FOR_UPLOAD = "Waiting for upload";

self.clientStatus = self.filesToUploadClientStatus.contains(WAITING_FOR_UPLOAD) ? 'OK' : 'Error';
...
}
< /code>

Почему я получаю сломанный HTML при добавлении? < /p>

ng-class="{'color-red': $ctrl.clientStatus === 'Error', 'color-blue': $ctrl.clientStatus === 'Warning', 'color-green': $ctrl.clientStatus === 'OK'}">
Status: {{$ctrl.filesToUploadClientStatus}}


Подробнее здесь: https://stackoverflow.com/questions/441 ... -angularjs