javascript - 如何在 nativescript 中显示/隐藏元素?
问题描述
我正在学习 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。
推荐阅读
- sql-server - 在 TSQL 中导入或转换使用时区数据扩展的 ISO 8601 日期
- go - 如何使用反射在 Go 中找到空的结构值?
- javascript - require.resolve 找不到文件,即使 fs 可以
- javascript - 如何使用 async/await 进行错误处理而无需等待
- macos - 有没有办法为 MacOs Mojave 中的单个应用程序打开/关闭暗模式?
- java - 查找句子中的元音和辅音的程序
- javascript - React Native - Android - 全局禁用后退按钮的问题
- swift - 替换subscriberCellularProviderDidUpdate
- xamarin - Xamarin Forms iOS TitleBarTextColor 没有改变
- python - Python函数工作得很好,但在for循环时不起作用