АКЦИЯ: бесплатные месячные курсы по созданию сайтов
на выбор: верстка, JavaScript, PHP или фреймворки. Сегодня последний день для записи! Жми!
⊗jsagPmCMCSP 66 of 97 menu
Бесплатная Тренировка Верстки. Приглашаются желающие поверстать!

Передача данных в сеттер дочернего компонента в Angular

Можно сделать так, чтобы данные из родительского компонента попадали в сеттер приватного свойства. Давайте посмотрим на примере. Пусть у нас есть приватное свойство с сеттером и геттером:

class UserComponent { private _name: string = ''; set name(name: string) { if (name.length < 3) { this._name = name; } else { console.log('error'); } } get age() { return this._userAge; } }

Для примера давайте сделаем сеттер возраста, в котором реализуем проверку переданных данных. Также сделаем геттер для вывода свойств пользователя:

class UserComponent { private _name: string = ''; @Input() set name(name: string) { if (name.length > 3) { this._name = name; } else { console.log('error'); } } get name() { return this._name; } }

Теперь передадим данные из родительского компонента в дочерний:

<user-data name="john"></user-data>

А в дочернем компоненте выведем переданное имя на экран:

<p>{{ name }}</p>

Объясните, почему приватное свойство _name начинается с символа подчеркивания.

Реализуйте сеттеры и геттеры для названия продукта и его цены, которые будут передаваться из родительского компонента.

enru