Javascript 如何在nativescript中显示/隐藏元素？

我正在学习Nativescript，尽管信息和文档非常有限和糟糕，但我正在努力找到自己的方法并学习它

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

我在谷歌上发现了一段代码片段，据说它可以做到这一点，但当我在我的应用程序中尝试相同的代码时，它却毫无用处。也没有错误

我在home.xml中的代码：

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

---

有人能给点建议吗？

这是一个常见的CSS错误。属性应设置为

折叠

，而不是

折叠

。不确定他们为什么选择使用不同的动词时态，TBH。

一个常见的CSS错误。属性应设置为

折叠

，而不是

折叠

。不确定他们为什么选择使用不同的动词时态，TBH。

它似乎工作得很好-，如果仍然存在问题，请更新并共享游乐场。它似乎工作得很好-，如果仍然存在问题，请更新并共享游乐场。

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