Как использовать классы css toggle для элемента onclick?

Question

Использование углового машинописного текста, а не $ scope. Я видел массу примеров для $ scope или JQuery. Я хочу, чтобы в основном был щелчок с возможностью обращения, который будет удалять свойства переполнения и переполнения текста класса при нажатии, поэтому я могу расширить полный текст div, который я усекаю. Я считаю, что похоже, что я хочу использовать ng-класс или сделать функцию для ng-click, но я не могу найти примеры, которые не используют $ scope.class, и я не такой, как могу просто используйте this.class в машинописном тексте.

Вот классы CSS Я пытаюсь переключить:

.homeDescriptionDiv { 
    width: 250px; 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
} 

.homeDescriptionDiv2 { 
} 

здесь HTML-элемент, без каких-либо угловых ссылки:

<div class="col-md-12 homeDescriptionDiv" ng-click="changeClass()"> 
           <h4> 
            Description 
           </h4> 
           {{challenge.description}} 
          </div> 

Машинопись в мой контроллер будет выглядеть примерно так:

element.class = class1; 
function changeClass(){ 
this.class=class2 
} 

Ulltimately, я хотел бы иметь возможность переключаться взад и вперед, нажимая кнопку aga в, но удаление первого класса является основным требованием. Благодаря!

Answer 1

В вас контроллере есть свойство showClass, а затем привязать его к элементу как ng-class="{'some-class': vm.showClass}"

Теперь, если showClass истинно, то элемент получает some-classsome-class иначе удаляется. Функция переключения на контроллере равна this.showClass = !this.showClass