Nativescript Angular Lifecycle 挂钩未将 css 类应用于动态组件

Posted 2023-03-13

【中文标题】Nativescript Angular Lifecycle 挂钩未将 css 类应用于动态组件

【英文标题】：Nativescript Angular Lifecycle hooks not applying css classes to dynamic components

【发布时间】：2019-10-26 10:25:24

【问题描述】：

当组件被动态添加到页面时，从类继承的样式信息不会在最终组件中呈现

我们监控到所有生命周期钩子都正确执行，并显示这些类已附加到 Button 的内部表示。

这在 ios 和 android 上都是一致的。

https://play.nativescript.org/?template=play-ng&id=qVa8K6&v=28

在上面的操场上，单击任意按钮以添加错误案例。

没有错误消息，除了不正确的渲染之外没有任何失败的迹象。

【问题讨论】：

github.com/NativeScript/NativeScript/blob/…

【参考方案1】：

我已经为你更新了游乐场here。 没有可用于添加/删除类的方法，您应该提供类名并且它按预期工作。

ngAfterContentInit() 
        const button: Button = this._getButton();

        button.minHeight = 36;
        button.minWidth = 64;
        button.borderWidth = 2;
        button.borderRadius = 4;
        console.log(button);
        button.className = "happy"
        button.cssClasses.add("happy"); // <-- this doesn't render