角度材料Datepicker为空 [英] Angular Material Datepicker is empty
本文介绍了角度材料Datepicker为空的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我目前正在使用Angular构建一个Web应用程序,而且我正在使用Angular Material(一些UI组件)。
目前,我有一个我无法解决的问题。当我使用如更多细节。您可以添加
angular.module('myApp',[])
.config(function($ compileProvider) {
$ compileProvider.preAssignBindingsEnabled(true);
});
如果您坚持使用Angular 1.6。
I am currently building a web application with Angular and I am using Angular Material for some UI components. Currently, I have an issue that I can't resolve. When I use the datepicker like described on https://material.angularjs.org/latest/demo/datepicker, the window opens but it stays empty.
Here's the code snippet for the 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>
Is there maybe something wrong with my imports?
<!-- 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" />
解决方案
Use an older version of Angular, say 1.5.9. Angular 1.6 disables prebinding of controllers.
See Issue #10168 for more details. You can add
angular.module('myApp', [])
.config(function($compileProvider) {
$compileProvider.preAssignBindingsEnabled(true);
});
if you insist on using Angular 1.6.
这篇关于角度材料Datepicker为空的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文