إصلاح العرض القديم بعد تعديل كائن الإشارة

افهم الأسباب المحتملة

• قد تعتبر المساواة المرجع نفسه بلا تغير. يترك push وإعادة الأصل المستهلك محفوظًا. يقيد عرض الإشارة المقروء الأساليب ولا يجمد الداخل، وقد تمنع المساواة المخصصة أيضًا التحديث.
• قد يخفي الكشف اليدوي أو تبديل الاستراتيجية عرضًا دون إصلاح العلاقة. اشتق من مصدر واحد بدل نسخ المشتقات لحقول بآثار.

تحديد التعديل الذي يتجاوز الاستبدال

يعدل المقتطف المصفوفة ويعيد مرجعها نفسه. وُسم غير قابل للتشغيل لتوضيح السياسة الخاطئة لا حلًا. تتبع كل كاتب والأسماء المشتركة بالردود والخدمات. قد تقرأ فعالية أخرى طولًا جديدًا ويبقى المجموع محفوظًا فيبدو العيب متقطعًا.

items.update(current => {
  current.push(3);
  return current;
});

استبدال المتغير وحفظ الاشتقاق الخالص

يعيد التصحيح مصفوفة جديدة ومجموعًا computed ويحفظ المرجع السابق للتحقق. يثبت التنفيذ الحقيقي المجموع والهوية لا DOM أو الأداء. استبدل الكائنات الداخلية اللازمة واحفظ هويات الصف الثابتة. لا تولد مفتاحًا عشوائيًا لفرض العرض.

import { computed, signal } from "@angular/core";
const items = signal<readonly number[]>([1, 2]);
const total = computed(() => items().reduce((sum, value) => sum + value, 0));
console.log(total());
const before = items();
items.update(current => [...current, 3]);
console.log(total(), before === items());

3
6 false

مراجعة المساواة والملكية وقراءة القالب

افحص دعوة القالب للدالة ووصول التحديث للمخزن الصحيح وعدم نسخة ثانية بمزود فرعي. راجع المساواة وفق الحقول المستخدمة. حلل HTTP وطبّق انتقالًا موثقًا بدل كشف كل إشارة. لـOnPush مسارات إشعار مدعومة وليست سببًا لنثر detectChanges.

امنع تكرار المشكلة

• احفظ المصدر الواحد والأوامر والاستبدال واختبر انتقال الهوية. راجع المساواة والكشف اليدوي كتصميم لا إصلاح روتيني للقدم.