nativescript - 在 nativescript 中使用 querySelector；

Question

我想在 DOM 中添加新消息时播放动画。

但我不知道如何找到我的对象并使用 (this.zone.run) 函数中的代码对其进行编辑：

addMessage(message: string){
    this.messages.unshift(message);
    // renderer
    this.zone.run(() => {

    });
}

这是 app.component.html

<StackLayout #container>
    <ScrollView>
        <WrapLayout #red>
            <Label class="message" *ngFor="let message of messages" [text]="message"></Label>
        </WrapLayout>
    </ScrollView>
</StackLayout>

我想编辑 WrapLayout 元素的第一个子元素

Answer 1

NativeScript 没有 DOM。

然而，一个主要的社区贡献者编写了一个插件来帮助 Web 开发人员使用 NativeScript 进行本地开发。这个插件提供了你会发现对 web 和 DOM 很熟悉的辅助方法。https://github.com/NathanaelA/nativescript-dom

请记住，这些是辅助方法，并不是 NativeScript 开箱即用的。您可以在 NativeScript 中通过多种方式和在不同事件（页面/框架和组件级别）期间通过其 id 获取任何视图。

我记得没有带有带有角度的 NativeScript 的页面组件，但我认为您仍然有框架模块，您可以执行类似的操作

frame.topmost().currentPage.getViewById('yourID');

确保您导入（需要）框架模块。