Angular Material Datepicker爲空

Question

我目前正在使用Angular構建Web應用程序，並且我正在使用Angular Material來處理一些UI組件。 目前，我遇到了一個我無法解決的問題。當我使用如https://material.angularjs.org/latest/demo/datepicker中所述的日期選擇器時，窗口打開，但它保持空白。

下面是datepicker的代碼片段。

<md-datepicker ng-model="vm.registrationData.birthDate" 
            md-placeholder="{{'start_register_birth_date' | translate}}" 
            required></md-datepicker> 
        <div class="error-message" 
         ng-messages="registerForm.birthDate.$error" 
         ng-if="registerForm.birthDate.$touched && registerForm.birthDate.$invalid"> 
         <div class="arrow-right"></div> 
         <p ng-message="required">{{'start_register_error_birthDate_required' | translate}}</p> 
        </div> 

我的進口產品可能有問題嗎？

<!-- bower:js --> 
<script src="bower_components/angular/angular.js"></script> 
<script src="bower_components/angular-animate/angular-animate.js"></script> 
<script src="bower_components/angular-messages/angular-messages.js"></script> 
<script src="bower_components/angular-sanitize/angular-sanitize.js"></script> 
<script src="bower_components/angular-translate/angular-translate.js"></script> 
<script src="bower_components/angular-translate-loader-static-files/angular-translate-loader-static-files.js"></script> 
<script src="bower_components/angular-ui-router/release/angular-ui-router.js"></script> 
<script src="bower_components/angular-cookies/angular-cookies.js"></script> 
<script src="bower_components/angular-aria/angular-aria.js"></script> 
<script src="bower_components/angular-material/angular-material.js"></script> 
<script src="bower_components/moment/moment.js"></script> 
<!-- endbower --> 
<script src="js/app.min.js"></script> 
<script src="js/config.min.js"></script> 

<!-- bower:css --> 
<link rel="stylesheet" href="bower_components/angular-material/angular-material.css" /> 
<!-- endbower --> 
<link rel="stylesheet" type="text/css" href="css/styles.css" /> 

Answer 1

使用舊版本的Angular，比如1.5.9。 Angular 1.6禁用了控制器的預先綁定。

有關更多詳細信息，請參見Issue #10168。您可以添加

angular.module('myApp', []) 
    .config(function($compileProvider) { 
    $compileProvider.preAssignBindingsEnabled(true); 
    }); 

如果您堅持使用Angular 1.6。