روح للمحتوى على طول

Angular

شغّله بعد أول render، برّه الـ zone.

في الصفحة دي

التسطيب

npm install open-accessibility-widget

الاستخدام

import { AfterViewInit, Component, NgZone, OnDestroy, inject } from "@angular/core";
import { init, type AccessibilityWidgetInstance } from "open-accessibility-widget";

@Component({ selector: "app-root", templateUrl: "./app.component.html" })
export class AppComponent implements AfterViewInit, OnDestroy {
  private zone = inject(NgZone);
  private widget?: AccessibilityWidgetInstance;

  // Outside the zone: the widget's pointer and keyboard listeners must not run change detection.
  ngAfterViewInit() {
    this.widget = this.zone.runOutsideAngular(() => init({ position: "right" }));
  }

  ngOnDestroy() {
    this.widget?.destroy();
  }
}

ملاحظات

  • runOutsideAngular بتمنع الـ listeners بتوع الـ widget إنهم يشغّلوا change detection. الـ apps اللي zoneless مش محتاجاها.
  • مع Angular SSR، استخدم afterNextRender أو اتأكد بـ isPlatformBrowser.

الـ accessibility statement

مرّر statementUrl عشان تحط لينك للـ accessibility statement بتاعك في الـ footer بتاع اللوحة.

عدّل الصفحة دي على GitHub