Membuat dan Membaca Sinyal
Deklarasikan sinyal yang dapat ditulis dan baca nilainya.
Membuat dan Membaca Sinyal adalah pelajaran Angular Academy gratis di CoddyKit. Ini adalah pelajaran 2 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar Angular Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus Angular Academy mencakup 4 pelajaran total.
Membuat Signal
Anda membuat signal writable dengan pabrik signal(), dengan meneruskan nilai awal.
import { signal } from '@angular/core';
const c = signal(0); // initial value is 0Nilai Awal Menentukan Tipe
TypeScript menyimpulkan tipe signal dari nilai awal. signal(0) adalah WritableSignal<number>.
const name = signal('Alice'); // WritableSignal<string>
const flag = signal(false); // WritableSignal<boolean>Membaca Signal
Panggil signal untuk membaca nilai saat ini. Tindakan ini mengembalikan nilai yang disimpan dan mendaftarkan dependensi jika Anda berada dalam konteks reaktif.
const c = signal(0);
const current = c(); // current === 0Membaca Berkali-kali
Anda dapat membaca signal sesering yang diinginkan. Setiap pemanggilan mengembalikan nilai terbaru pada saat pemanggilan tersebut.
const c = signal(10);
console.log(c()); // 10
console.log(c()); // 10Pengetikan Eksplisit
Anda dapat memberikan tipe secara eksplisit ketika nilai awal belum sepenuhnya mencerminkan tipe tersebut, misalnya nilai yang juga dapat berupa null.
const user = signal<string | null>(null);
console.log(user()); // nullSignal Objek
Signal dapat menyimpan nilai apa pun, termasuk objek dan larik.
const point = signal({ x: 0, y: 0 });
console.log(point().x); // 0Signal Larik
Larik bekerja dengan cara yang sama. Pembacaan mengembalikan referensi larik saat ini.
const items = signal<string[]>(['a', 'b']);
console.log(items().length); // 2Signal sebagai Bidang Kelas
Dalam komponen dan layanan, deklarasikan signal sebagai bidang. Signal diinisialisasi sekali saat instans dibuat.
import { Injectable, signal } from '@angular/core';
@Injectable({ providedIn: 'root' })
export class CounterStore {
count = signal(0);
}Membaca di Kelas Komponen
Anda dapat membaca signal di mana saja dalam kelas, misalnya di dalam metode, dengan memanggilnya.
export class CounterStore {
count = signal(0);
isZero(): boolean {
return this.count() === 0;
}
}Akses Hanya-Baca
Jika ingin mengekspos signal tanpa mengizinkan konsumen mengubahnya, Anda dapat mengeksposnya melalui metode asReadonly().
const internal = signal(0);
export const value = internal.asReadonly();
// value() works; value.set is not availableKonvensi Penamaan
Konvensi yang umum adalah menamai signal berdasarkan nilai yang disimpannya (misalnya count, items), karena pembacaannya tampak seperti pengakses biasa: count().
Pemeriksaan Singkat: Membuat Signal
Uji pemahaman Anda tentang cara membuat dan membaca signal.
Ulasan: Membuat dan Membaca
Sekarang Anda mengetahui cara membuat signal writable dengan signal(initialValue), cara TypeScript menyimpulkan tipenya, dan cara membacanya dengan memanggil signal tersebut. Anda juga telah melihat asReadonly() untuk menyediakan akses hanya-baca. Selanjutnya: memperbarui nilai signal.
Pertanyaan yang Sering Diajukan
Apakah pelajaran “Membuat dan Membaca Sinyal” gratis?
Ya — teks lengkap “Membuat dan Membaca Sinyal” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus Angular Academy, upgrade ke CoddyKit PRO. Kursus Angular Academy mencakup 4 pelajaran total.
Apa yang akan aku pelajari di “Membuat dan Membaca Sinyal”?
Deklarasikan sinyal yang dapat ditulis dan baca nilainya. Kamu berlatih Angular Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.
Apakah aku perlu pengalaman untuk memulai Angular Academy?
Tidak diperlukan pengalaman sebelumnya. Angular Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 2 dari 4.
Berapa lama pelajaran “Membuat dan Membaca Sinyal” memakan waktu?
Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.
Bisakah aku menulis dan menjalankan kode dalam pelajaran Angular Academy ini?
Ya. Setiap pelajaran Angular Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.
Semua pelajaran dalam kursus ini
- Apa Itu Sinyal
- Membuat dan Membaca Sinyal
- Memperbarui Sinyal dengan set dan update
- Sinyal dalam Template