在 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 的本地开发。这个插件提供了您会发现网络和 DOM 所熟悉的辅助方法。 https://github.com/NathanaelA/nativescript-dom

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

我记得 NativeScript 没有页面组件 angular 但我认为你仍然有框架模块，你可以做类似

的事情

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

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

在 nativescript 中使用 querySelector；

Use querySelector in nativescript;

nativescript

angular2-nativescript