tToogle() в Angular 2

314

18 октября 2017, 08:17

Добрый день, не могу сообразить как сделать toggleClass() в Angular Есть 2 блока

<div id="news"></div><div id="application></div>"

и есть кнопка

<button class="btn">

Не пойму как в ангуляре сделать так что бы при нажатии на кнопку у

<div id="news">

добавлялся класс к примеру hidden а у

<div id="application">

убирался

Answer 1

Добавляет класс если условие true

<div [ngClass]="{'hidden':true}"></div>

Скрывает блок если условие false

<div *ngIf="true"></div>

Answer 2

<div id="news" ng-show="hidden">1</div>
<div id="application" ng-hide="hidden">2</div>
<button class="btn" ng-click="hidden = !hidden">

Советую почитать документацию по ng-show, ng-class, еще лучше почитать ответ, с JQuery на Angular.

ТОП-10

Есть пример кода:

298

Вкратце - с помощью чего можно задать присвоение класса блоку еще при загрузке страницы на нативном js?

307

Есть такая разметка (pug):

272

Привет всем! Стоит задача собрать исторические котировки по бумаге с сайта nasdaqcom для дальнейшей их обработки и вывода отчета в MS Excel

269