حالة الميزة ومعمارية التطبيق

import { computed, signal } from "@angular/core";
type Course = { readonly id: number; readonly title: string };
const courses = signal<readonly Course[]>([{ id: 1, title: "Basics" }, { id: 2, title: "Forms" }]);
const selectedId = signal<number | null>(2);
const selected = computed(() => courses().find(course => course.id === selectedId()));
console.log(selected()?.title ?? "none", courses().length);
courses.update(rows => rows.map(row => row.id === 2 ? { ...row, title: "Typed forms" } : row));
console.log(selected()?.title ?? "none");

Forms 2
Typed forms

يطبع Forms 2 ثم Typed forms ويتبع الاختيار تمثيل الكيان دون عنوان مكتوب آخر.

import { Routes } from "@angular/router";
import { CourseFeaturePage } from "./course-feature-page";
import { CourseFeatureStore } from "./course-feature-store";
export const featureRoutes: Routes = [
  { path: "courses", providers: [CourseFeatureStore], component: CourseFeaturePage }
];

يملك حاقن المسار النطاق، وتحتاج إعادة النسخة والتنظيف اختبار سياسة التنقل؛ ولا يبدأ موجّه هنا.