【问题标题】:The model is updating, but not the UI模型正在更新,但 UI 没有更新
【发布时间】:2016-07-21 00:45:57
【问题描述】:

我在我的离子项目中使用ion-datetime-picker。当我在网络浏览器中调试它时一切正常。当我在真实设备上运行它时,我发现了一个问题。输入文本不会更新。我用chrome://inspect/#devices 检查它,我看到输入(模型)的值发生了变化,即使输入中的文本没有改变。

我添加了新问题here,希望这里的任何人也可以提供帮助。提前谢谢了。

更新

我也尝试使用 ng-click 在此插件中添加回调,并将值相应地传递给范围,然后对输入执行一些 triggerHandler

    $scope.changeme = function(val) {
        alert(val)
    }

强度是它提醒值三遍。第一次提示完整的日期描述,第二次按照预期的时间格式提示13:30,最后一次只提示Nan:Nan

我也做了 $scope.$apply() ,但它仍然没有帮助。

请帮忙。我整个晚上都只为了这件事。提前致谢。

【问题讨论】:

  • 请添加 plunker 或 codepen

标签: android angularjs ionic-framework model angularjs-ng-model


【解决方案1】:

The plugin(由我制作)不适合与<input> 元素一起使用。为什么?

  • 它使用ng-model,它的modelValue-viewValue机制与input元素的ng-model机制冲突
  • 使用Date实例作为模型,与input元素的纯字符串模型冲突
  • 该指令标记元素,当点击该元素时,将打开选择器。点击输入元素已经有了它自己的意义——聚焦它。

请改用<div ion-datetime-picker ng-model="x">{{x | someFilter}}</div> 或任何适合您的需要。

请参阅#25#21 了解更多信息。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2021-07-16
    • 2020-01-20
    • 2022-06-11
    • 2020-04-30
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多