如何在角度为5的ngoninit中设置前端的日期值

Question

我有一个<input type="date">当用户输入的路径,我要被填充.通过访问该站点,输入字段应该已经是实际日期.所以我认为ngOnInit()应该是我需要的.但是当用户进入路线时,我需要做什么才能将实际日期作为输入字段的值填入？

我已经尝试通过搜索网络来实现这一点,但只找到了一些针对angularjs的旧解决方案,尽管我使用的是角度5,这与angularjs无法比较.我发现的帖子都指出了不再存在的范围.

文档ngOnInit也对我没有帮助:/

HTML

<div class="form-group">
    <label>Eingangsdatum</label>
    <input type="date" [(ngModel)]="dateArrival" id="dateArrivalPicker" value="" name="dateArrival" class="form-control">
</div>

Compontent

@Component({
  selector: 'app-terminals-create',
  templateUrl: './terminals-create.component.html',
  styleUrls: ['./terminals-create.component.css']
})
export class TerminalsCreateComponent implements OnInit {

  type: String;
  serial: String;
  layout: String;
  dateArrival: Date;
  activated: Boolean;
  setup: String;
  firmware: String;
  installedAt: String;
  createdBy: String;
  createdDate: Date;
  lastModified: Date;
  lastModifiedBy: String;
  notes: String;
  macAddress: String;


  constructor(
    private validateService: ValidateService,
    private flashMessage: FlashMessagesService,
    private authService: AuthService,
    private router: Router
  ) { }

  ngOnInit() {}

}

---

如果我喜欢briosheje在他的评论中写道它有效,他的回答不是:/.还有一件事......通过使用他的评论我在我的控制台中得到两个大错误:

Error: If ngModel is used within a form tag, either the name attribute must be set or the form
      control must be defined as 'standalone' in ngModelOptions.

      Example 1: <input [(ngModel)]="person.firstName" name="first">
      Example 2: <input [(ngModel)]="person.firstName" [ngModelOptions]="{standalone: true}">

如果我现在给我<input type="date" [ngModel]="todaysDate | date:'dd-MM-yyyy'" (ngModelChange)="todaysDate = $event" [value]="todaysDate | date:'yyyy-MM-dd'"> 的名字填充这个字段的功能,实际日期已经消失,只有TT.MM.YYYY站在那里.我能做什么？

Answer 1

它应该足以添加:

ngOnInit() {
   this.dateArrival = new Date();
}

并更改你的HTML,以便它自己处理字符串的日期,反之亦然,就像这个plunker中提到的(取自另一个SO帖子):plnkr.co/edit/s5OMg2olU2yHI246nJOG?p=preview

<input type="date" [ngModel] ="dateArrival | date:'yyyy-MM-dd'" (ngModelChange)="dateArrival = $event">

在ngModelChange将自动触发的变化,将处理日期皈依以及.的NgModel,相反,将直接显示通过日期日期管