无法获得材料日期时间选择器来显示

时间:2018-05-31 03:26:49

标签: angular dart angular-material angular-dart angular-components

我一直在制作生产计划Web应用程序。除了后端,它在前面使用角度飞镖,尽可能使用角度组件。一个这样的地方是material-date-time-picker用于选择调度时间。

我已经在我的job_detail.html模板中实现了它,如下所示:

<div style="height: 600px; width: 500px; display: inline-block">
 <material-date-time-picker [(dateTime)]="dateTime"
                            [required]="true">
 </material-date-time-picker>
</div>
在我的job_detail.dart文件中使用以下导入等

import 'package:angular/angular.dart';
import 'package:angular_forms/angular_forms.dart';
import 'package:angular_components/angular_components.dart';
import 'dart:html';
import 'dart:io';
import 'dart:async';
import 'data_service.dart';
import 'job.dart';
import 'oven.dart';
import 'Primitve_wrapper.dart';
import 'date_service.dart';
import 'package:angular_components/utils/browser/window/module.dart';


@Component(
selector:'job-detail',
styleUrls: const['package:angular_components/app_layout/layout.scss.css','job_detail.css'],
directives: const[formDirectives, CORE_DIRECTIVES, materialDirectives, ],
templateUrl: 'job_detail.html',
pipes: const [COMMON_PIPES],
providers: const[materialProviders,windowBindings,]
)

并且,它能够最好地渲染空白父div而不是封装material-date-time-picker组件。如果我检查元素,它会显示已为该组件分配了类_ngcontent,它应该在其中分配_nghost,然后填充时间选择器和日期选择器组件,就像在演示中一样。一定要在这里遗漏一些东西,但是什么?

谢谢你的帮助,

布鲁克

0 个答案:

没有答案