angular.js - angular-daterangepicker tidak boleh mendapatkan nilai model

Question

Saya menulis demo berdasarkan dokumentasi, memasukkannya ke dalam persekitaran pengeluaran dan mengujinya dan mendapati bahawa nilai model tidak dapat diperolehi Adakah sesiapa yang juga menggunakan pemalam ini menghadapi masalah yang sama untuk nasihat.

github: https://github.com/fragaria/a...

HTML:

<p ng-controller="AppCtrl">
    <input date-range-picker class="form-control date-picker" type="text" ng-model="date" options="{
        timePicker: true,
        timePickerIncrement: true,
        timePicker24Hour: true,
        timePickerSeconds: true,
        locale: {
            applyLabel : '确定',  
            cancelLabel : '取消',  
            fromLabel : '起始时间',  
            toLabel : '结束时间',  
            customRangeLabel : '自定义',  
            daysOfWeek : [ '日', '一', '二', '三', '四', '五', '六' ],  
            monthNames : [ '一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月' ],  
            format: 'YYYY-MM-DD HH:mm:ss'
        }
    }"/>
    <a href="javascript:;" ng-click="getDate()">save</a>
</p>

JS:

var app = angular.module('test',['daterangepicker']);

app.config(function($interpolateProvider,$httpProvider, $controllerProvider, $compileProvider, $filterProvider, $provide){
 
});

app.controller('AppCtrl',function($scope,$http){

    $scope.getDate = function(){
        console.log($scope.date);
    }

    $scope.$watch('date', function(newDate) {
        console.log('New date set: ', newDate);
    }, false);

});

angular.bootstrap(document,['test']);

Answer 1

Ini mungkin disebabkan oleh mekanisme dalam js di mana objek adalah rujukan dan nilai disalin

Cuba lekapkan pembolehubah terikat pada objek

Suka kod dalam github

exampleApp.controller('TestCtrl', function ($scope) {
    $scope.datePicker.date = {startDate: null, endDate: null};
}