wake-up-neo.com

Kann nicht an 'matDatepicker' binden, da es keine bekannte Eigenschaft von 'input' ist - Angular

Ich habe gerade angular Materialcode für datePicker und Eingabe kopiert und eingefügt, aber ich erhalte diesen Fehler für den datePicker.

app.module

import {MaterialModule} from '@angular/material';
@NgModule({
imports: [
...
MaterialModule
]
<md-input-container>
    <input mdInput placeholder="Rechercher" [(ngModel)]="filterHistorique">
</md-input-container>

<md-input-container>
    <input mdInput [mdDatepicker]="picker" placeholder="Choose a date">
    <button mdSuffix [mdDatepickerToggle]="picker"></button>
</md-input-container>
<md-datepicker #picker></md-datepicker>

Dies ist der Fehler, den ich in meinem Browser habe:

Kann nicht an 'mdDatepicker' gebunden werden, da es keine bekannte Eigenschaft von 'input' ist. Wenn 'md-datepicker' eine Angular= Komponente ist, stellen Sie sicher, dass es Teil dieses Moduls ist. 2. Wenn 'md-datepicker' eine Webkomponente ist, fügen Sie "CUSTOM_ELEMENTS_SCHEMA" zu den '@ NgModule.schemas' dieser Komponente hinzu, um diese Meldung zu unterdrücken. ("[ERROR ->]

Der Fehler betrifft den Datumsauswahlknopf. Als ich ihn entfernte, verschwand der Fehler

28
edkeveked

Während dem Benutzen mat-datepicker, Sie müssen auch MatDatepickerModule importieren, es wird auch empfohlen, MatNativeDateModule zu importieren. siehe docs hier.

import { MaterialModule, MatDatepickerModule, MatNativeDateModule } from '@angular/material';
@NgModule({
  imports: [
    ...
    MaterialModule,            // <----- this module will be deprecated in the future version.
    MatDatepickerModule,        // <----- import(must)
    MatNativeDateModule,        // <----- import for date formating(optional)
    MatMomentDateModule         // <----- import for date formating adapted to more locales(optional)
  ]

Informationen zum optionalen Modul zur Datumsformatierung finden Sie unter Modul für DateAdapter vom Materialteam.

Hinweis : Bitte vermeiden Sie die Verwendung von MaterialModule, da dies in Zukunft veraltet sein wird.

35
Pengyy

sie müssen FormsModule und ReactiveFormsModule importieren, wenn Sie NgModule und formgroup verwendet haben. so sollte dein app.module sein

import {MaterialModule} from '@angular/material';
@NgModule({
  imports: [
    MdDatepickerModule,        
    MdNativeDateModule,
    FormsModule,
    ReactiveFormsModule
  ]

Hinweis: MaterialModule entfernt. Bitte verwenden Sie stattdessen ein separates Modul. wie MdDatepickerModule siehe hier https://github.com/angular/material2/blob/master/CHANGELOG.md#200-beta11- Carapace-Brüstung-2017-09-21

4

Um MatDatePicker in einer Anwendung zu verwenden, fügen Sie folgende Zeile in Ihre app.module.ts -Datei ein:

  1. importiere MatDatepickerModule, MatNativeDateModule in deine app.module.ts.

    Beispielsweise:

    import { MatDatepickerModule, MatNativeDateModule } from '@angular/material';

  2. Hinzufügen von MatDatepickerModule, MatNativeDateModule für @NgModule beim Import und Export:

**

@NgModule ({
            imports: [
                MatDatepickerModule,
        MatNativeDateModule 
            ],
            exports: [
                MatDatepickerModule, 
                MatNativeDateModule 
            ]
        })

**

1