Question

我正在使用ion-datetime-picker，它正在工作，我出现了弹出窗口，可以选择一个日期和时间然后显示在HTML DOM中，但我有一个附加到弹出窗口的ng模型，但是当我尝试访问控制器中的变量时，它不会更新。我已经制作了一个codepen来展示我所看到的功能，为什么变量没有在4 9 2更新？

这是代码： HTML

$rootScope

JAVASCRIPT

<ion-header-bar class="bar-positive">
        <h2 class="title">ion-datetime-picker demo</h2>
        <button ng-click="getDate()">Get Date</button>
    </ion-header-bar>
    <ion-content>
            <div class="item item-icon-left" ion-datetime-picker monday-first ng-model="datetimeValue">
                <i class="icon ion-ios-browsers-outline positive"></i>
                Monday as the first day:
                <strong>{{datetimeValue| date: "yyyy-MM-dd H:mm"}}</strong>
            </div>

        </div>
    </ion-content>

感谢您的帮助

修改

目前我将此作为我的HTML

angular.module("demo", ["ionic", "ion-datetime-picker"])
.run(function($rootScope){

$rootScope.datetimeValue = new Date();
$rootScope.getDate = function() {
    alert($rootScope.datetimeValue);
}


};
});

然后在我的控制器中我有

<div class="" ion-datetime-picker monday-first only-valid="{'after': 'today', 'inclusive': true}" ng-model="datetimeValue">
                    <h3><b>Date Required By</b></h3>
                    <p id="datetimeP">{{datetimeValue| date: "yyyy-MM-dd H:mm"}}<p>
                </div>

日期时间未定义，但我在HTML

中看到了

Ng-Model不在控制器中更新

0 个答案: