Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Що робить директива ngSwitch?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)Директива `ngSwitch` в Angular, це структурна директива, яка дозволяє **відображати один із кількох варіантів елементів** залежно від значення виразу. **Ключове:** `ngSwitch` керує вибором одного з кількох елементів у DOM на основі значення виразу.Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)ЗображенняДиректива `ngSwitch` в Angular, це структурна директива, яка дозволяє **відображати один із кількох варіантів елементів** залежно від значення виразу. Принцип роботи: 1. На батьківському елементі використовується `[ngSwitch]="вираз"`. 2. Усередині розташовуються дочірні елементи з `*ngSwitchCase="значення"` для конкретних варіантів. 3. Можна вказати `*ngSwitchDefault` для випадку, коли жоден case не збігається. Приклад: ```html <div [ngSwitch]="color"> <p *ngSwitchCase="'red'">Обрано червоний</p> <p *ngSwitchCase="'blue'">Обрано синій</p> <p *ngSwitchDefault>Колір не обрано</p> </div> ``` Якщо `color = 'blue'`, Angular відрендерить лише `<p>Обрано синій</p>`. > Висновок: `ngSwitch` керує **вибором одного з кількох елементів** у DOM на основі значення виразу.Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.