我有一个md-dialog组件- DialogComponent我从同级组件中打开SiblingComponent--我想dialog.component.ts在执行某些操作后将其关闭 。
DialogComponent基本上是带有提交按钮的表单,提交表单使我能够dialog.component.ts执行我正在做的一些验证并将数据发送到服务的功能。
验证通过和数据发送后,我想作出一些超时,然后自动关闭拨号窗口,但我不知道该怎么办好像md-dialog-close在dialog.component.ts
从昨天开始,我正在努力解决角材料2 datepicker的问题,在此之前npm install 它正常工作,现在我得到:
ERROR Error: Datepicker: value not recognized as a date object by DateAdapter.
HolidayRequestComponent.html:21
Run Code Online (Sandbox Code Playgroud)
第21行是我<input开始的地方
<md-input-container [formGroup]="dateRangeForm">
<input
mdInput
name="date_from"
[mdDatepicker]="from"
placeholder="Start date"
formControlName="holidayDataControl"
[ngModel]="date_from"
>
<md-datepicker-toggle mdSuffix [for]="from"></md-datepicker-toggle>
</md-input-container>
<md-datepicker #from></md-datepicker>
Run Code Online (Sandbox Code Playgroud)
我的组件:
import {Component, OnInit, Inject } from '@angular/core';
import {MD_DIALOG_DATA, MdDialog } from '@angular/material';
import {FormBuilder, FormControl, FormGroup, NgForm, Validators} from '@angular/forms';
import {Observable} from 'rxjs/Observable';
@Component({
selector: 'app-holiday-request',
templateUrl: './holiday-request.component.html',
styleUrls: ['./holiday-request.component.css']
})
export class HolidayRequestComponent implements OnInit {
public date_from …Run Code Online (Sandbox Code Playgroud)