2016-12-24 11 views
5

मैं वर्तमान में कोणीय के साथ एक वेब अनुप्रयोग बना रहा हूं और मैं कुछ यूआई घटकों के लिए कोणीय सामग्री का उपयोग कर रहा हूं। वर्तमान में, मुझे एक समस्या है जिसे मैं हल नहीं कर सकता। जब मैं https://material.angularjs.org/latest/demo/datepicker पर वर्णित डेटपिकर का उपयोग करता हूं, तो विंडो खुलती है लेकिन यह खाली रहता है। enter image description hereकोणीय सामग्री डेटपिकर खाली है

डेटपिकर के लिए कोड स्निपेट यहां दिया गया है।

<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 नियंत्रकों के prebinding अक्षम करता है। अधिक जानकारी के लिए

Issue #10168 देखें। आप कोणीय 1.6 के प्रयोग पर

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

अगर आप जोर देते हैं जोड़ सकते हैं।

+1

धन्यवाद, जिसने मेरी समस्या हल की है! – Kahuna

+0

बस अपडेट किया गया और इसमें भाग गया। धन्यवाद! –

+0

वाह, आपने मुझे पूरी तरह से निगलने वाली त्रुटि को समझने की कोशिश करने के कई घंटे बचाए हैं। धन्यवाद! –

संबंधित मुद्दे