关于 javascript：如何在 nativescript 中显示/隐藏元素？

How to show/hide elements in nativescript?

我正在学习 Nativescript，尽管信息和文档非常有限而且很糟糕，但我正在尝试找到自己的方法并学习它。

我目前正在尝试学习如何显示/隐藏元素。

我在 Google 上找到了一个代码片段，据说它可以做到这一点，但是当我在我的应用程序中尝试相同的代码时，它完全没有任何作用。也没有错误。

我在 home.xml 中的代码：

1 2	<Button text="{{ showDetails ? 'Hide' : 'Show' }}" tap="toggle" /> <Label text="Lorem ipsum..." visibility="{{ showDetails ? 'visible' : 'collapsed' }}" />

我在 home-view-model.js 中的代码

1
2
3
4
5
6
7
8
9
10
11
12
13

const observable = require("tns-core-modules/data/observable");

var pageData = new observable.Observable();

exports.loaded = function(args) {
pageData.set("showDetails", true);
args.object.bindingContext = pageData;
}

exports.toggle = function() {
pageData.set("showDetails", !pageData.get("showDetails"));
}

有人可以就此提出建议吗？