Блог

Главная - Вопросы по программированию - Угловой ng-класс не работает, но работает обычный атрибут класса

Угловой ng-класс не работает, но работает обычный атрибут класса

#javascript #angularjs

#javascript #angularjs

Вопрос:

У меня есть этот шаблон представления, который является дочерним для другого представления. Родительский вид этого представления является дочерним для index.html того, куда я импортирую свой angular и ui-router javascript. то index.html > other view > view below есть, когда я пытаюсь изменить приведенное class = "bubble me" ниже — что работает нормально, ng-class = "bubble me" мой css не загружается. Я что-то упускаю из виду? Проблема ограничена только этим представлением.

 <div class="top"><span>To: <span class="name">{{chat.name}}</span></span></div>
<div class="chat">
    <div class="conversation-wrapper">

         <div class="conversation-start">
            <span>Today, 6:48 AM</span>
         </div>
         <div class="bubble me" ng-repeat = "message in sent_received">
      {{message.msg}}
          </div>
<div class="write">
    <a href="javascript:;" class="write-link attach"></a>
    <input ng-model = "input.message" type="text" />
    <a href="javascript:;" class="write-link smiley"></a>
    <a ng-click= "sendMsg()" class="write-link send"></a>
</div>

Комментарии:

1. зачем вам нужна ng-class жестко закодированная строка, которая вообще ни на что не зависит? Что именно вы пытаетесь сделать?

2. @charlietfl правильно. Является bubble ли объект, который может иметь разные значения?

3. Если вы хотите жестко закодировать имена классов ng-class , используйте одинарные кавычки. В вашем случае это должно быть ng-class="'bubble me'"

4. Не уверен, почему вы также хотите их объединить. Проще узнать, каковы значения по умолчанию, посмотрев на атрибут class . Также без необходимости добавляет дополнительные наблюдения к представлению

5. Да … если вы не понимаете, какое влияние оказывает добавление часов и как работают угловые дайджесты, не добавляйте ненужные директивы. Существует снижение производительности, и браузер будет отображать class без необходимости компиляции скрипта

Ответ №1:

работает ли ng-class только для условных классов? Я хотел бы объединить свои обычные жестко запрограммированные классы с условными, поэтому у меня нет атрибута class и атрибута ng-class в моем tags..is нет никакого способа сделать это? — в приведенном выше коде пузырь не является динамическим. Я хотел бы сделать класс me только динамическим

Это может сработать для вашего случая.

 ng-class="value=='true'?'bubble me':'bubble'"