NativeScript-使用按钮将标签更改为TextView/TextField

我正在学习用NativeScript（Angular 2）制作应用程序。在我的项目页面中，我希望有一个按钮，这样当我按下它时，我可以将标签更改为文本视图/文本字段，以编辑项目信息。

我知道我可以在文本视图中使用可编辑，但我仍然想知道按钮是否具有该功能。谢谢

item.component.html:

---

这可以通过多种方式完成，但一种常见的方式是更改控件的可见性并将其绑定到代码隐藏中的变量/属性

在组件html中：

然后，在组件ts或代码隐藏上，您可以使用更改方法处理它：

class MyComponentSample {
   isLabelMode: boolean = true; // Set to true if you want label to show by default or false if TextView as default

   change() {
      this.isLabelMode = !isLabelMode; // Basically you are toggling the mode here.
   }
}

---

对于这种情况，我通常只更改控件的可见性。例如，您可以有一个覆盖标签的文本字段（可能需要一个GridLayout）。点击按钮将隐藏标签并显示文本字段，两者都可以绑定到同一个变量。

class MyComponentSample {
   isLabelMode: boolean = true; // Set to true if you want label to show by default or false if TextView as default

   change() {
      this.isLabelMode = !isLabelMode; // Basically you are toggling the mode here.
   }
}