Latihan 1: SSR Angular — Angular

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

Starter-nya sudah punya import { ApplicationConfig } from '@angular/core' dan export const appConfig: ApplicationConfig = { providers: [] }, isi app.config.ts. Biarkan keduanya, lalu:

Tambahkan import { provideClientHydration } from '@angular/platform-browser'.
Panggil fungsinya di dalam daftar provider: providers: [provideClientHydration()].

Editor ini gak merender apa pun; penilaiannya membaca kode. Di proyek ng new --ssr sungguhan, provideClientHydration() memang ada di app.config.ts, yang dipakai browser dan digabung ke config server.

Yang dicek:

Kodenya menyebut provideClientHydration.
provideClientHydration di-import: import { ... provideClientHydration ... } from ....
provideClientHydration() dipanggil (dengan tanda kurung) dan ada bersama providers: [.

Hint

Hydration dinyalakan dengan sebuah fungsi provider dari @angular/platform-browser, dan hasil pemanggilannya harus masuk ke daftar providers config.
Ada dua langkah: import provideClientHydration dari '@angular/platform-browser' di atas file, lalu panggil provideClientHydration() di dalam array providers milik serverConfig.
import { provideClientHydration } from '@angular/platform-browser' lalu export const serverConfig: ApplicationConfig = { providers: [provideClientHydration()] }

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

Versi baru

HyperSheets

bagian dari BelajarWeb.dev

Membuka gerbang…

Latihan 1: SSR Angular — Angular

Hint

Memperbarui Aplikasi