Eckige Datumsformatierung vom Modell

Question

Ich habe einen Eingang, der ein Datetime-Objekt von einem ng-model erhält und es anzeigt. Aus irgendeinem Grund kann ich das Datum nicht korrekt formatieren. Wenn ich jedoch den Code überprüfe, wird das Datum formatiert. Kann mir bitte jemand erklären?

Blick auf die input value gegen was tatsächlich angezeigt wird

Code:

 <div class="input-field col l4"> 
     <input value="{{note.contactHistoryNoteDate | date:'MMMM dd, yyyy'}}" ng-model="note.contactHistoryNoteDate" id="contactHistoryNoteDate1{{$index}}" type="text" class="datepicker edit-date"> 
     <label class="active" for="contactHistoryNoteDate1{{$index}}">DATE</label> 
     </div> 

Answer 1

Der Wert Attribut ist der Anfangswert, das ng-model Attribut bindet den Wert auf ein Modell. Was Sie sehen, ist der gebundene Wert von ng-model.

Bonus:
Um das Datum zu erhalten angezeigt werden, wie Sie wollen, müssen Sie erstellen (or find) eine benutzerdefinierte Richtlinie die Benutzerwinkel parsers und formatters Pipelines. Diese Pipelines sind dafür verantwortlich, dass die Eingabe des Benutzers (was der Benutzer sieht) in einen Wert umgewandelt wird, den der Code verwenden kann und umgekehrt, wie in Ihrem Fall, indem ein Datum in etwas verwandelt wird, das der Benutzer sehen kann.