<div [style.height.px]="blockHeight"></div>
blockHeight
- переменная компонента[style.height.px]="calculateHeight()"
, но так делать не стоит т.к. функция будет вызываться каждый раз при change detection. Лучше тогда сделать pipe который значение будет вычислять от какой то изначальной велечины, либо directive сделать, которая будет задавать высоту для блоков. this.http.get('api/namesurname')
.pipe(
map((resp) => resp.data.map(item => new NameSurName(item)),
}
.subscribe((resp) => {
this.nameSurName = resp.data // {name: 'Вася'}
})
export class NameSurName {
name: string;
surname: string = 'Иванов'
constructor(props: Partial<NameSurName >) {
Object.assign(this, props);
}
@Input
который передает список объектов для отображения, только написано неправильно - нужно обернуть в квадратные скобки.@Output
, соответственно. changeDetection: ChangeDetectionStrategy.OnPush
?this.sensors = [{}, {}]
, то ссылаетесь но новый список, а при измнении значения через this.sensors.push
ссылка на объект не меняется.this.sensors = [...this.sesnsors, ...response.sensors]
this.changeDetector.markForCheck()
private changeDetector: ChangeDetectorRef
) JSON.parse(JSON.stringify(object))
(с потерей данных)