angularjs إذا البيانات؟

Question

لذلك أقوم بتشغيل البرنامج التعليمي لـ AngularJS:

لدي مصفوفة محددة في وحدة التحكم وأقوم بإرجاع نقاط مختلفة في المصفوفة عن طريق الاتصال عندما أقوم بالتكرار عبر ng-repeat {{feature.name}} {{feature.description}}

ما لا أفهمه هو لنفترض أن لدي نقطة ثالثة في المصفوفة تسمى "الأهمية" وهي رقم من 1 إلى 10.لا أريد عرض هذا الرقم في HTML ولكن ما أريد فعله هو تطبيق لون مختلف على الميزة إذا كان رقم "الأهمية" في المصفوفة هو 10 مقابل 1

فكيف أكتب عبارة if للقيام بذلك:

أي.

<p style="**insert if statement: {{if feature.importance == 10}} color:red; {{/if}} **">{{feature.description}}</p>

ليس لدي أي فكرة عما إذا كان هذا صحيحًا ولكن هذا ما أريد القيام به

Answer 1

أول واحد هو توجه تقييم ما إذا كان يجب أن يكون هناك شيء في DOM مرة واحدة فقط ويضيف أي مستمعات مشاهدة إلى الصفحة: giveacodicetagpre.

هذا الثاني هو التوجيه الذي ينطبق بشكل مشروط على العناصر على العناصر مرة واحدة فقط دون مشاهدة المستمعين:

i.e. giveacodicetagpre.

بالطبع يمكنك استخدام الإصدارات الديناميكية المدمجة في الزاوي: giveacodicetagpre.

يمكنك أيضا استخدام NG-NG-IF - إذا تمت إضافته بواسطة Angularjs الذي يستبدل بشكل أساسي UI - إذا قمت بإنشاء فريق Angularui، فستضف هذه الأشياء مشروطة وإزالتها من DOM وإضافة مستمعي الساعة للحفاظ على تقييم: giveacodicetagpre.

Answer 2

لا أعتقد أن هناك if البيان متاح.لغرض التصميم الخاص بك، ng-class ممكن استخدامه.

<p ng-class="{important: feature.importance == 10 }">

ng-switch مريحة أيضًا.

-- تحديث --

نلقي نظرة على:https://stackoverflow.com/a/18021855/1238847

يبدو أن angular1.2.0RC يتمتع بدعم ng-if.

Answer 3

في الواقع هناك مشغل ثلاثي في الزاوي 1.2.0. giveacodicetagpre.

Answer 4

أعتقد أن الإجابة تحتاج إلى تحديث.

في السابق، كان بإمكانك استخدام توجيه ngIf من مشروع AngularUI (الرمز هنا إذا كنت لا تزال ترغب في تنزيله)، فالأخبار السيئة هي أنه لم يعد يتم صيانته بعد الآن.

والخبر السار هو أنه تمت إضافته إلى AngularJS repo الرسمي (فرع غير مستقر) وقريبا سوف تكون متاحة في واحدة مستقرة.

<div ng-if="something"> Foo bar </div>

لن يخفي فقط DIV العنصر، لكن قم بإزالته من DOM أيضًا (عندما يكون هناك شيء خاطئ).

Answer 5

ng-class ربما هو أفضل إجابة في مشكلتك، لكن Angularui لديه توجيه "إذا":

href="http://angular-ui.github.com/" rel="nofollow"> http://angular-ui.github.com/ البحث عن: إزالة العناصر من DOM تماما بدلا من إخفاءها فقط.

استخدمت "UI-IF" لتقرير ما إذا كان يجب علي تقديم قيمة بيانات كملصق أو إدخال، بالنسبة للشهر الحالي: giveacodicetagpre.

Answer 6

في الحالة التي تكون فيها أولويتك ستكون ملصقة، يمكنك إنشاء مرشح التبديل لاستخدامها داخل فئة NG كما هو موضح في السابق حتى الإجابة: https://stackoverflow.com/a/8309832/1036025 (للحصول على رمز تصفية التبديل) giveacodicetagpre.

Answer 7

يمكنك أيضا تجربة هذا الخط من التعليمات البرمجية أدناه giveacodicetagpre.

الذي يظهر foo.bar إذا كان is_foo صحيح.

Answer 8

ما يعمل أيضا هو: giveacodicetagpre.