Latihan 1: Pipes Angular — Angular

Latihan 1 dari materi Pipes Angular di Angular — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.

Class di starter sudah punya nama = 'belajar angular'; biarkan teksnya huruf kecil. Ubah tiga hal:

Tambahkan import { UpperCasePipe } from '@angular/common' di atas file.
Tambahkan imports: [UpperCasePipe] di @Component.
Isi template dengan {{ nama | uppercase }}.

Perubahan hurufnya dikerjakan pipe di template. Jangan ketik BELAJAR ANGULAR langsung, dan jangan pakai .toUpperCase().

Yang dicek:

 berisi persis BELAJAR ANGULAR.
Kodenya memuat uppercase, ditulis sesudah tanda | (misalnya nama | uppercase).

Hint

Pipe mengubah tampilan data di template tanpa mengubah nilai aslinya di class, dan class pipe-nya harus masuk imports komponen.
Tiga bagian: impor UpperCasePipe dari @angular/common, masukkan ke imports, lalu tulis nama, tanda garis tegak, dan uppercase di dalam kurung kurawal ganda.
import { UpperCasePipe } from '@angular/common' ... imports: [UpperCasePipe], template: `{{ nama | uppercase }}`

</> { } .css => #id fn()

Versi baru

HyperSheets

bagian dari BelajarWeb.dev

Membuka gerbang…

Latihan 1: Pipes Angular — Angular

Hint

Memperbarui Aplikasi