本机脚本。 Angular2 + 打字稿。添加 Child 到 WrapLayout

Question

我无法将 child 添加到我的 WrapLayout。这是我的 choose_time.html:

<WrapLayout #wrapLayout>
</WrapLayout>

这是我的choose_time.component.ts：

import { Component, ElementRef, ViewChild } from "@angular/core";
import { WrapLayout } from 'ui/layouts/wrap-layout'
import labelModule = require("ui/label");

@Component({
    selector: "choose_time",
    providers: [],
    templateUrl: "pages/choose_time/choose_time.html",
    styleUrls: ["pages/choose_time/choose_time-common.css"]
})

export class ChooseTimeComponent implements OnInit {
@ViewChild("wrapLayout") wrapLayout: ElementRef;

    constructor(
    private page: Page) {}

    ngOnInit() {
        this.page.actionBarHidden = true;
        this.setChildren()
    }

    setChildren(){
        var label = new labelModule.Label();
        label.text = "text";
        this.wrapLayout.addChild(label)
    }

我做错了什么？

Answer 1

使用支持 TypeScript 的编辑器并正确配置 TS 支持时，您会在代码的最后一行看到错误。

改成(<WrapLayout>this.wrapLayout.nativeElement).addChild(label);，简直就是老大！这里的关键是添加 .nativeElement.

本机脚本。 Angular2 + 打字稿。添加 Child 到 WrapLayout

Nativescript. Angular2 + Typescript. Add Child to WrapLayout

addchild

typescript

nativescript

angular