Angular attribute setter

Опубликовано в Angular • 09 октября 2018 г. • 1 мин. на чтение

В Angular свойства задаются через квадратные скобки.

<my-component [readonly]="true"></my-component>

Существует возможность задавать значение Input свойства как директивы, например так: readonly

<my-component readonly></my-component>

Для этого необходимо реализовать setter свойства.

private _isReadonly: boolean = false;
@Input() set readonly(value: boolean) {
    this._isReadonly = typeof value === 'boolean' ? value : true;
}
get readonly(): boolean {
    return this._isReadonly;
}

Похожие записи

RxJS Pipeable Operators

Начиная с версии rxjs 5.5 операторы вместо цепочки вызовов применяются как параметры функции pipe.

@Attribute() декоратор

Аналогично @Input() позволяет получить значение атрибута с хоста компонента/директивы, но не отслеживает дальнейшее изменение атрибута.

Angular. HTTP long polling

httpRequest.pipe(
  repeat(),
  takeUntil(stop$)
).subscribe(x => console.log(x));

Angular URL Matcher

Функция сопоставления маршрута с URL-адресами. Возможность динамически подбирать компонент для маршрута

Вставить <script> в Angular компонент

Добавление сторонних скриптов в Angular по запросу. Как известно, добавить скрипт через шаблон невозможно. Представлено решение как это сделать программно.

Angular. base-href через переменные окружения docker контейнера

Решение, позволяющее размещать frontend на поддомене (dci.example.com) или на префиксе маршрута (example.com/dci).