gpt4 book ai didi

angular - 在 Angular 9 中,我应该使用什么来代替 @HostBinding ("@grow")?

转载 作者:行者123 更新时间:2023-12-05 07:10:45 24 4
gpt4 key购买 nike

我有这个指令,我用它来动画组件高度的变化。但是自从我们从 Angular 8 更新到 9 后,它看起来几乎不再支持 hostPropertyName @grow。这是指令:

import {
Directive,
OnChanges,
Input,
ElementRef,
HostBinding
} from "@angular/core";

@Directive({
selector: "[smoothHeight]",
host: { "[style.display]": '"block"' }
})
export class SmoothHeightDirective implements OnChanges {
@Input()
smoothHeight;
pulse: boolean;
startHeight: number;

constructor(private element: ElementRef) {}

@HostBinding("@grow")
get grow() {
return { value: this.pulse, params: { startHeight: this.startHeight } };
}

setStartHeight() {
this.startHeight = this.element.nativeElement.clientHeight;
}

ngOnChanges() {
this.setStartHeight();
this.pulse = !this.pulse;
}
}

Chrome 抛出以下错误:

core.js:6185 错误类型错误:无法读取 null 的属性“11”

Safari 想出了这个:

TypeError:null 不是一个对象(正在评估“componentLView[RENDERER]”)

和火狐:

错误类型错误:“componentLView 为空”

关于我做错了什么以及如何解决它有什么建议吗?

最佳答案

看起来问题出在 Angular (9.1.2) 上,更新 Angular 后它似乎可以工作。

关于angular - 在 Angular 9 中,我应该使用什么来代替 @HostBinding ("@grow")?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61080712/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com