【问题标题】:Nativescript log slider value on update更新时的 Nativescript 日志滑块值
【发布时间】:2018-04-12 15:28:41
【问题描述】:

我是 Nativescript 的新手。昨天我问如何创建一个滑块并读取这些值。这个问题得到了回答,但是现在我想在滑块的值更新后记录这些值。

我制作了一个示例项目,一旦我按下按钮就会打印该值。现在我想在每次滑块的值更改时打印该值。我查看了 slider documentationpropertyChange event 文档,但无法使其正常工作。

这是我正在尝试的游乐场的链接:Playground

谁能告诉我如何正确地将滑块绑定到可观察对象,以及如何捕获值更新后触发的事件?

提前致谢!

【问题讨论】:

    标签: javascript nativescript


    【解决方案1】:

    您可以通过代码隐藏附加到valueChange 侦听器。

    exports.onSliderLoaded = function (args) {
      const slider = args.object;
    
      slider.on("valueChange", (args) => { 
        console.log(args.value);
      })
    }
    

    onSliderLoaded 通过滑块的loaded 事件使用

    <Slider value="{{ slider }}" loaded="onSliderLoaded" />
    

    可以在here找到演示以上内容的完整 Playground 演示

    【讨论】:

    • 为了更清楚,有没有办法通过 XML 绑定这个 Slider 事件?还是只能通过代码绑定这个特定的事件?
    • 取决于您的编码选择 - 在 NativeScript Core(XML + TS 或 JS)中,您只能通过代码隐藏而不是 XML。在基于 Angular 的应用程序中,您可以使用 Angular 语法并在 HTML 中添加 Change 关键字(如在此处完成的 github.com/NickIliev/nativescript-ng-cosmos/blob/…)。
    猜你喜欢
    • 2015-08-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-06-28
    • 1970-01-01
    • 1970-01-01
    • 2012-08-27
    相关资源
    最近更新 更多