Всегда ли условие директивы ng-class отображается в DOM?

Question

Я совершенно новый в AngularJS. Я написал этот код:

<div ng-class="myString != 'true' ? 'class-one' : 'class-two'">
  // my code that I want to display
</div>

И я заметил, что это условие отображается в инструментах разработчика. Это поведение по умолчанию AngularJS или я просто что-то не так делаю?

Может быть, есть возможность просто применить эти классы динамически, не показывая его состояние в DOM?

Answer 1

Это поведение по умолчанию AngularJS или я просто что-то не так делаю?

Нет, это не поведение по умолчанию

Правильный синтаксис ng-class такой:

<div ng-class="{ 'class-one': myString == 'true' , 'class-two': myString != 'true' }">

Другой способ - использовать class и троичное выражение, как вы его написали:

<div class="{{ myString != 'true' ? 'class-one' : 'class-two' }}">