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

Question

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

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

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

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

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

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

Answer 1

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

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
    }