模型正在更新,但不是UI

时间:2016-07-21 00:45:58

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

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

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

更新

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

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

力量是三次提醒值。第一次提醒完整日期说明时,第二次提醒时间格式符合预期,如13:30,最后一次仅提醒Nan:Nan

我也做了$ scope。$ apply()但它仍然无效。

请帮忙。我整个晚上只为这件事而度过。提前致谢。

1 个答案:

答案 0 :(得分:1)

The plugin(由我制作)并不意味着与<input>元素一起使用。为什么呢?

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

使用<div ion-datetime-picker ng-model="x">{{x | someFilter}}</div>或任何符合您需求的内容。

有关详细信息,请参阅#25#21