Nativescript Angular Lifecycle钩子不将CSS类应用于动态组件

Question

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

我们已经监视了所有生命周期挂钩是否正确执行，并显示了将类附加到Button的内部表示形式。

这在iOS和Android上都是一致的。

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

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

没有错误消息，除了错误的呈现外，没有任何失败的迹象。

Answer 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
    }