التحميل المؤجل وحدود المسارات

import { parseTemplate } from "@angular/compiler";
const template = `
<button #trigger type="button">Show report</button>
@defer (on interaction(trigger)) {
  <app-report-panel />
} @placeholder {
  <p>Report not loaded</p>
} @error {
  <p>Report could not load</p>
}`;
const parsed = parseTemplate(template, "report.html");
if (parsed.errors?.length) { throw new Error("defer parse failed"); }
console.log("defer template parsed");

defer template parsed

يثبت السطر التحليل فقط دون عرض أو تقسيم أو تفعيل أو عرض خطأ.

import { Routes } from "@angular/router";
export const routes: Routes = [
  { path: "reports", loadComponent: () => import("./reports-page").then(module => module.ReportsPage) }
];

مع الملف والإعداد يمكن للتنقل تحميل الصفحة، ولا ينفذ مسار أو طلب قطعة أو مضيف هنا.