Το Angular έχει πολλούς ενσωματωμένους σωλήνες, όπως ημερομηνία, ασυγχρονισμό, νόμισμα κ.λπ. Αν και είναι έτοιμο για χρήση, απέχει πολύ από το να καλύψει ορισμένες επιχειρηματικές ανάγκες, επομένως είναι απαραίτητο να εφαρμοστούν ορισμένοι προσαρμοσμένοι σωλήνες.
Ο πιο βασικός προσαρμοσμένος σωλήνας είναι να λάβετε μια τιμή και στη συνέχεια να επιστρέψετε μια άλλη τιμή. Η μορφή του ορίσματος δεν είναι περιορισμένη, μπορεί να είναι οποιοσδήποτε τύπος όπως συμβολοσειρά, αριθμός, αντικείμενο κ.λπ.
Η μορφοποίηση της διοχέτευσης στην προεπιλεγμένη ημερομηνία δεν θα καλύψει τις ανάγκες μας.
Αποτέλεσμα JSON που επιστρέφεται από τη διεπαφή:
{"statusDate":"0001-01-01T00:00:00" ...}
Αυτό οφείλεται στο γεγονός ότι σειριοποιούμε αντικείμενα στο .NET Core και επισυνάπτουμε μια προεπιλεγμένη τιμή σε ένα πεδίο τύπου datetime, το οποίο είναι DateTime.MinValue.
Χρησιμοποιούμε
θα εμφανιστεί
ΜαςΗ απαίτηση είναι ότι εάν επιστραφεί ένα πεδίο τύπου ημερομηνίας/ώρας, εάν είναι κενό, π.χ. "0001-01-01T00:00:00", πρέπει να επιστρέψει NA。
Ας δημιουργήσουμε μια νέα διοχέτευση μέσω της εντολής angular-cli, η εντολή είναι η εξής:
Ο κωδικός έχει ως εξής:
Αφού ολοκληρωθεί η νέα δημιουργία, το αρχείο app.module.ts θα προσθέσει αυτόματα τον ακόλουθο κώδικα:
Επιστρέφουμε χρησιμοποιώντας τη νέα διοχέτευση στη σελίδα HTML, ως εξής:
θα επιστρέψει, και το αποτέλεσμα που θέλουμε, όπως φαίνεται στην παρακάτω εικόνα:
Σημείωση: Η μεταβίβαση παραμέτρων στο pip χρησιμοποιεί το : splitting.
|
Δημοσιεύτηκε στις 3/6/2020 2:03:29 μ.μ.
|
|
|
|
Δημοσιεύτηκε στις 28/10/2022 1:52:07 μ.μ.