在nativescript中使用querySelector;

时间:2016-08-24 13:24:45

标签: nativescript angular2-nativescript

我希望在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元素的第一个子元素

1 个答案:

答案 0 :(得分:0)

NativeScript没有DOM。

然而,一位主要社区贡献者编写了一个插件,以帮助将Web开发人员转换为使用NativeScript进行本机开发。这个插件提供了Web和DOM熟悉的帮助方法。 https://github.com/NathanaelA/nativescript-dom

请记住,这些辅助方法不是NativeScript提供的开箱即用的方法。您可以通过几种方式在NativeScript中以及在不同事件(页面/框架和组件级别)中获取任何视图。

我记得没有带有角度的NativeScript的页面组件,但我认为你仍然有框架模块,你可以做类似的事情

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

确保导入(需要)框架模块。