angular-datepicker：将ng-model值纳入范围

Question

我是AngularJs的新手，我想通过ng-model="abc"的作用域在<pre>标签中显示日期选择器的选定日期和时间。

angular-datepicker（github） ， angular-datepicker（demo）

HTML：

<div class="container">
    <div class="row">
      <div class="col-md-4">
        <div ng-controller="foo">
          <input type="datetime" class="form-control" date-time ng-model="myDate" format="dd-MM-yyyy HH:MM" placeholder="Select datetime">
          <pre>myDate: {{myDate}}</pre>
        </div>
      </div>
    </div>
  </div>

JS：

angular.module('demo', ['datePicker']).controller('foo', ['$scope', function($scope) {
  //empty
}]);

这是一个plnkr

Answer 1

这是更新的plnkr- http: //plnkr.co/edit/Qagb78UDqXQrabcZucr6。

得到它的工作，我不得不做出ng-model以点带object.property（ myDate.value的） input 。 您可以像这样在模板中获取模型值：

<pre>
      myDate: {{myDate.value | date: "dd-MM-yyyy HH:MM"}}
</pre>

控制器：

$scope.myDate = {
        value: ''
};

希望这能回答您的问题。 这就是ng-model需要带点的原因- 我的ng模型确实需要带点以避免子$ scope问题吗？ 。