Typescript 如何在nativescript中以编程方式获取Stacklayout id

我是这个nativescript的新手。我不知道如何正确获取stacklayout id。我正在使用typescript处理Angular2。我尝试了下面的代码。我在命令提示符下得到了这个问题

JS:Error TypeError : Cannot set property 'visiblility' of undefined  Context[object Object]

Html:

<StackLayout #target visibility="collapse" id ="stackLayout"> .....  </StackLayout> 

public stackLayout:StackLayout;

onTap(args: EventData) {

    this.animate();
}

public animate() {

   this.stackLayout.visibility = "visible" ; 
}

---

虽然您可以通过编程方式访问StackLayout（Google

@ViewChild

），但重新构造代码可能更容易（我省略了不相关的部分）：

HTML:

---

虽然您可以通过编程方式访问StackLayout（Google

@ViewChild

），但重新构造代码可能更容易（我省略了不相关的部分）：

HTML:

---

您好，您知道如何调试nativescript中的对象吗。console.log只适用于字符串。但是我需要调试objects。如果您尝试了

console.dir（obj

，

console.dump（obj）

，或者

console.log（JSON.stringify（obj））

？console.log（JSON.stringify（obj））为我工作。谢谢，你知道如何调试nativescript中的对象吗。console.log只对字符串有效。但是我需要调试对象。你试过

console.dir（obj

，

console.dump（obj）

，或者

console.log（JSON.stringify（obj））

？console.log（JSON.stringify（obj））对我有效。谢谢

<StackLayout (tap)="stackTapped()" [visibility]="stackVisible ? 'visible' : 'collapsed'"></StackLayout>

<StackLayout (tap)="stackTapped()" *ngIf="stackVisible"></StackLayout>

stackVisible = false;

stackTapped(): void {
  this.stackVisible = true;
}