Ошибка: [$ parse: синтаксис] при использовании ng-класса

Question

Я слежу за курсом множественного числа, называемым «Создание приложений с угловым, узловым и токен-аутентификацией», и я пишу собственные пользовательские сообщения для оповещений.

В принципе, я хочу добавить различные классы CSS в зависимости от состояния предупреждающего сообщения.

Когда я загружаю мое приложение, я получаю следующее сообщение об ошибке в консоли:

Error: [$parse:syntax] Syntax Error: Token '}' is unexpected, expecting [:] at column 83 of the expression [{'flipInY': alert.show, 'flipOutY':!alert.show, 'alert-hidden:!alert.hasBeenShown'}] starting at [}] 

Я не понимаю, так как я уверен, что мой синтаксис является правильным. Может ли кто-нибудь указать, что я делаю неправильно?

Мой HTML:

<div class="container" ng-cloak> 
    <div ui-view></div> 
    <div class="alert alert-{{alert.type}} animated main-alert" ng-class="{'flipInY': alert.show, 'flipOutY':!alert.show, 'alert-hidden:!alert.hasBeenShown'}"><strong>{{ alert.title }}</strong> 
     {{ alert.message }} 
    </div> 
    </div> 

Если вам нужно больше информации, пожалуйста, обращайтесь, или проверить Github repo. Соответствующими файлами являются index.html в корневой папке register.js под приложением/скриптами/контроллерами и alert.js в приложении/скриптах/сервисах.

Спасибо за помощь.

Answer 1

Изменить это:

'alert-hidden:!alert.hasBeenShown' 

к этому:

'alert-hidden':!alert.hasBeenShown 

Вы пропустили закрывающий одиночные кавычки в имени свойства.