我正在学习Nativescript,尽管信息和文档非常有限且糟糕,但我仍在尝试自己的方法并进行学习。

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

我在Google上找到了一个代码段,据说可以做到这一点,但是当我在应用程序中尝试相同的代码时,它绝对不起作用。也没有错误。

我在home.xml中的代码:

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


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

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


有人可以对此提出建议吗?

最佳答案

一个常见的CSS错误。该属性应设置为collapse,而不是collapsed。不确定为什么他们选择为此使用不同的动词时态,TBH。

关于javascript - 如何显示/隐藏nativescript中的元素?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/58751792/

10-09 21:57