2016-12-24 55 views
5

Şu anda Angular ile bir web uygulaması yapıyorum ve bazı UI bileşenleri için Açısal Malzeme kullanıyorum. Şu anda, çözemediğim bir sorunum var. DatePicker'ı https://material.angularjs.org/latest/demo/datepicker'da açıklandığı gibi kullandığımda, pencere açılır, ancak boş kalır. enter image description hereAçısal Malzeme Datepicker boş

Tarih seçicinin kod snippet'i.

<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> 

İthalatımda bir sorun var mı?

<!-- 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

Bunun üzerinde çalışan bir keman yapabilir misiniz? –

+0

Konsol hatalarınız var mı? – chaoticmind

+0

Hayır, konsol hatası yok. Bu benim ilk umudum oldu :( – Kahuna

cevap

18

Köşeli eski bir sürüm kullanın, 1.5.9. Açısal 1.6 kontrolörlerin önünü kapatır.

Daha fazla ayrıntı için Issue #10168 adresine bakın. Angular 1.6 kullanmakta ısrar ederseniz,

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

'u ekleyebilirsiniz.

+1

Teşekkürler, bu benim problemimi çözdü! – Kahuna

+0

Sadece güncellendi ve buna koştum. Teşekkürler! –

+0

Wow, tamamen yutulmuş bir hatayı çözmek için birkaç saatimi kurtardın. Teşekkür ederim! –