2016-12-24 5 views
5

В настоящее время я создаю веб-приложение с угловым и использую угловой материал для некоторых компонентов пользовательского интерфейса. В настоящее время у меня есть проблема, которую я не могу решить. Когда я использую datepicker, как описано в https://material.angularjs.org/latest/demo/datepicker, открывается окно, но оно остается пустым. enter image description hereУгловой материал 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" /> 
+0

Можете ли вы сделать рабочую скрипку? –

+0

У вас есть консольные ошибки? – chaoticmind

+0

Нет, консольных ошибок нет. Это была моя первая надежда :( – Kahuna

ответ

18

Используйте более раннюю версию Углового, скажем, 1.5.9. Угловой 1.6 отключает предварительную настройку контроллеров.

Для получения более подробной информации см. Issue #10168. Вы можете добавить

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

Если вы настаиваете на использовании Углового 1.6.

+1

Спасибо, что решил мою проблему! – Kahuna

+0

Просто обновил и наткнулся на это. Спасибо! –

+0

Ничего себе, вы только что спасли мне несколько часов, пытаясь расшифровать полностью проглоченную ошибку. Спасибо! –

Смежные вопросы