تعيين القيم في خيارات ng لـ AngularJS

يسمح توجيه خيارات ng الخاص بـ AngularJS للمطورين بملء الخيارات لعلامة . أحد الأسئلة الشائعة التي تطرح هو كيفية تعيين سمة القيمة لكل خيار.

لفهم آلية إعداد القيمة، دعونا نتعمق في بناء جملة ngOptions. يستغرق الأمر تعبيرًا بأحد هذه الأشكال:

للصفائف:

label for value in array

للكائنات:

label for (key, value) in object

ضع في اعتبارك مثال المصفوفة التالي:

array = [{ "value": 1, "text": "1st" }, { "value": 2, "text": "2nd" }];

لملء الخيارات باستخدام خيارات ng، يمكننا الكتابة :

في هذه الحالة، ستحدد قيمة obj. القيمة المحددة لكل خيار.

التحديث: التتبع حسب تعبير القيمة

مع تحديثات AngularJS الأخيرة، أصبح من الممكن الآن تحديد قيمة سمة القيمة بشكل صريح باستخدام المسار حسب التعبير:

تذكر بناء الجملة

قد يكون من الصعب تذكر بناء جملة ngOptions. التشبيه المفيد هو التفكير في الأمر كنسخة موسعة من فهم قائمة بايثون:

[x ** 2 لـ x in [1، 2، 3، 4، 5]]

ومع ذلك ، في ng-options، نميز بين القيمة والنص المعروض لكل خيار باستخدام الكلمة الأساسية:

person.id كـ person.name للشخص في الأشخاص

person.id as person.name for person in people

بالنسبة لكائنات JavaScript، يكون بناء الجملة مشابهًا، باستخدام أزواج (مفتاح، قيمة):

لـ (مفتاح، قيمة) في الكائن