AngularJS + Bootstrap，datepicker对于预先填充的数据无效

Question

我有这个表格， 在这张表格上， 我有一个控件， 这个控件是一个日期选择器。它看起来像这样：

<div class="form-group" ng-class="{ 'has-error' : !orderLine.required.$pristine && orderLine.required.$invalid || !orderLine.required }">
    <label class="control-label">Required date</label>
    <div class="input-group">
        <input class="form-control" type="text" name="required" ng-model="controller.orderLine.dates.required" datepicker-popup show-weeks="false" is-open="controller.calendar.open" required />
        <span class="input-group-btn">
            <button type="button" class="btn btn-default" ng-click="controller.openCalendar($event)"><span class="fa fa-calendar"></span></button>
        </span>
    </div>
    valid: {{ !orderLine.required.$invalid }}
</div>

如您所见，这是必填字段。 如果我从服务器中提取一些数据并使用该值填充此字段，则控件仍被标记为无效。 有谁知道为什么？