# Конструкция if в Angular

Условие в Angular также можно сделать с помощью специальной конструкции `@if`. Эта конструкция позволяет показывать или скрывать блоки кода по условию. Давайте посмотрим, как с ней работать.

Пусть у нас есть следующая переменная:

`export class AppComponent { public isAdmin: boolean = true; }`

Давайте сделаем див, который будет показан, если эта переменная имеет значение `true`:

`@if (isAdmin) { <div> text </div> }`

Сделаем так, чтобы див был показан, если наша переменная имеет значение `false`:

`@if (!isAdmin) { <div> text </div> }`

Сделайте свойство `isAdult`. Покажите текст для взрослых, если в нашей переменной лежит значение `true`.

← →
↑