المدخلات والمخرجات والتركيب

export {};
class SelectionModel {
  selectedId: number | undefined;
  select(id: number): void {
    if (!Number.isSafeInteger(id) || id < 1) { throw new Error("invalid id"); }
    this.selectedId = id;
  }
}
const owner = new SelectionModel();
owner.select(2);
console.log(owner.selectedId);
try { owner.select(0); } catch { console.log("rejected"); }

2
rejected

يطبع النموذج اثنين وrejected ولا ينشئ مكوّنًا أو يصدر حدث Angular.

import { Component, input, output } from "@angular/core";
@Component({
  selector: "app-course-option", standalone: true,
  template: `<button type="button" (click)="selected.emit(courseId())">{{ title() }}</button>`
})
export class CourseOption {
  readonly courseId = input.required<number>();
  readonly title = input.required<string>();
  readonly selected = output<number>();
}

يقدم المضيف الصحيح courseId وtitle ويصدر الزر الهوية عند التفعيل، ولا يُدّعى تنفيذ التفعيل هنا.

<app-course-option
  [courseId]="course.id"
  [title]="course.title"
  (selected)="onSelected($event)" />

يقدم الوالد مقررًا ويستقبل هويته، ويحتاج المقطع صنفه واستيراداته ومضيفه فلا يستقل بالتشغيل.