0Pricing
Angular Academy · Leçon

Créer et lire des signaux

Déclarez des signaux modifiables et lisez leurs valeurs.

Créer et lire des signaux est une leçon Angular Academy gratuite sur CoddyKit. Ceci est la leçon 2 sur 4. Tu peux lire la leçon complète ci-dessous gratuitement — puis la pratiquer en direct dans le navigateur avec un éditeur de code intégré et un tuteur IA 24/7. Elle fait partie du parcours d'apprentissage Angular Academy, et ta progression se synchronise sur le web et l'application CoddyKit. Le cours Angular Academy comprend 4 leçons au total.

Créer un signal

Vous créez un signal modifiable avec la fabrique signal(), en lui transmettant la valeur initiale.

import { signal } from '@angular/core';

const c = signal(0); // initial value is 0

La valeur initiale détermine le type

TypeScript déduit le type du signal à partir de la valeur initiale. signal(0) est un WritableSignal<number>.

const name = signal('Alice'); // WritableSignal<string>
const flag = signal(false);    // WritableSignal<boolean>

Lire un signal

Appelez le signal pour lire sa valeur actuelle. Cela renvoie la valeur stockée et enregistre une dépendance si vous vous trouvez dans un contexte réactif.

const c = signal(0);
const current = c(); // current === 0

Lire plusieurs fois

Vous pouvez lire un signal aussi souvent que vous le souhaitez. Chaque appel renvoie la valeur la plus récente au moment de l’appel.

const c = signal(10);
console.log(c()); // 10
console.log(c()); // 10

Typage explicite

Vous pouvez spécifier explicitement un type lorsque la valeur initiale ne le décrit pas entièrement, par exemple lorsqu’une valeur peut également être nulle.

const user = signal<string | null>(null);
console.log(user()); // null

Signaux contenant des objets

Un signal peut contenir n’importe quelle valeur, y compris des objets et des tableaux.

const point = signal({ x: 0, y: 0 });
console.log(point().x); // 0

Signaux contenant des tableaux

Les tableaux fonctionnent de la même manière. La lecture renvoie la référence du tableau actuel.

const items = signal<string[]>(['a', 'b']);
console.log(items().length); // 2

Les signaux comme champs de classe

Dans les composants et les services, déclarez les signaux comme des champs. Ils sont initialisés une seule fois, lors de la création de l’instance.

import { Injectable, signal } from '@angular/core';

@Injectable({ providedIn: 'root' })
export class CounterStore {
  count = signal(0);
}

Lire dans la classe du composant

Vous pouvez lire un signal n’importe où dans la classe, par exemple à l’intérieur d’une méthode, en l’appelant.

export class CounterStore {
  count = signal(0);
  isZero(): boolean {
    return this.count() === 0;
  }
}

Accès en lecture seule

Si vous souhaitez exposer un signal sans permettre aux consommateurs de le modifier, vous pouvez l’exposer via la méthode asReadonly().

const internal = signal(0);
export const value = internal.asReadonly();
// value() works; value.set is not available

Conventions de nommage

Une convention courante consiste à nommer le signal d’après la valeur qu’il contient (par exemple count, items), car sa lecture ressemble à un accesseur normal : count().

Vérification rapide : créer des signaux

Vérifiez votre compréhension de la création et de la lecture des signaux.

Récapitulatif : créer et lire

Vous savez maintenant créer un signal modifiable avec signal(initialValue), comprendre comment TypeScript en déduit le type et le lire en l’appelant. Vous avez également découvert asReadonly() pour fournir un accès en lecture seule. Ensuite : mettre à jour les valeurs des signaux.

Questions Fréquemment Posées

La leçon « Créer et lire des signaux » est-elle gratuite ?

Oui — le texte complet de « Créer et lire des signaux » est gratuit à lire ici sur le web. Pour la pratiquer de manière interactive (un éditeur de code intégré et un tuteur IA 24/7) et déverrouiller le reste du cours Angular Academy, passe à CoddyKit PRO. Le cours Angular Academy comprend 4 leçons au total.

Qu'est-ce que j'apprendrai dans « Créer et lire des signaux » ?

Déclarez des signaux modifiables et lisez leurs valeurs. Tu pratiques Angular Academy avec du code pratique que tu exécutes directement dans le navigateur, et un tuteur IA 24/7 répond à tes questions au fur et à mesure que tu avances dans la leçon.

Dois-je avoir de l'expérience pour commencer Angular Academy ?

Aucune expérience préalable n'est requise. Angular Academy sur CoddyKit est structuré pour les débutants jusqu'aux apprenants avancés, donc tu peux commencer ici ou depuis le début et avancer à ton rythme. Ceci est la leçon 2 sur 4.

Combien de temps prend la leçon « Créer et lire des signaux » ?

La plupart des leçons CoddyKit prennent environ 5–10 minutes. Chacune est courte et interactive, tu progresses régulièrement et tu repiques exactement où tu t'es arrêté sur le web et l'app.

Peux-tu écrire et exécuter du code dans cette leçon Angular Academy ?

Oui. Chaque leçon Angular Academy inclut un éditeur de code intégré, tu écris et exécutes du vrai code directement dans ton navigateur et tu reçois des retours IA instantanés — aucune configuration locale requise.

Toutes les leçons de ce cours

  1. Que sont les signaux
  2. Créer et lire des signaux
  3. Mettre à jour les signaux avec set et update
  4. Signaux dans les modèles
← Retour à Angular Academy