Хуки 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
    }