Nativescript Angular 生命周期挂钩未将 css 类 应用于动态组件

Question

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

我们监测到所有生命周期挂钩都在正确执行，并表明 类 已附加到 Button 的内部表示。

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

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

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

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

Answer 1

我已经为您更新了 playground here。 add/remove class 没有可用的方法，您应该提供 class 名称，它会按预期工作。

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
    }