Nativescript. Angular2 + Typescript. WrapLayout에 자식 추가

Question

WrapLayout에 자식을 추가 할 수 없습니다. 내가 잘못 뭐하는 거지

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) 
    } 

:

여기

<WrapLayout #wrapLayout> 
</WrapLayout> 

내 choose_time.component.ts입니다 : 여기 내 choose_time.html은?

Answer 1

TypeScript 인식 편집기를 사용하고 TS 지원이 올바르게 구성되어 있으면 코드의 마지막 줄에 오류가 표시됩니다.

(<WrapLayout>this.wrapLayout.nativeElement).addChild(label);으로 변경하면 보스처럼 작동합니다. 여기서 중요한 것은 .nativeElement을 추가하는 것입니다.