Angular setter

Опубликовано в Angular • 09 октября 2018 г. • X mins read

В 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;
}

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

Пример Angular Interceptors

Пример приложения angular, использующее interceptors

Angular. Enum values in template

Записать enum в свойство компонента и использовать это свойство.

let-* $implicit in Angular template

Синтаксис let-* позволяет объявить переменную в шаблоне <ng-template>, использования ключа $implicit позволяет устанавливать значение по-умолчанию для объявленной переменной.

ngx translate attribute

Используется конструкция

<img src="image.jpg" [alt]="'KEY' | translate">

Angular dependency injection

Определение Provider (useClass, useValue, useFactory ), Injector. Декоратор @Inject, ключ multi: true

Переиспользуемые анимации в Angular

Для создания анимации используется функция animation(). Для её использования — useAnimation(). Приводится пример переиспользуемой анимации, а также создание анимации через литерал объекта.