Angular ng-if =“” ที่มีหลายอาร์กิวเมนต์


96

ฉันกำลังพยายามเริ่มต้นการพัฒนาเชิงมุม และหลังจากตรวจสอบเอกสารแล้วยังมีคำถามบางอย่างอยู่ ฉันจะเขียน a ng-ifโดยมีอาร์กิวเมนต์หลายตัวที่สอดคล้องกับ

if( a && b) หรือ if( a || b )

คำตอบ:



9

สำหรับผู้ที่ต้องการทำ if คำสั่งที่มีค่า 'หรือ' หลายค่า

<div ng-if="::(a || b || c || d || e || f)"><div>

จุดสองจุดข้างหน้าคืออะไร? มันไม่ควรใช้งานได้หากไม่มีพวกเขาและวงเล็บ? จากตัวอย่างของ javaCity สิ่งนี้ใช้ไม่ได้แม้แต่plnkr.co/edit/qdIysgbxtEUVB2WMJa1i?p=preview
Stefan

จุดเป็นไวยากรณ์ของ Angular สำหรับการผูกครั้งเดียว (เมื่อเทียบกับการผูกแบบสองทาง)
Brendan Metcalfe

5

เพื่อความชัดเจนโปรดทราบว่าตำแหน่งวงเล็บเป็นสิ่งสำคัญ!

สามารถเพิ่มลงในแท็ก HTML ใดก็ได้ ... span, div, table, p, tr, td เป็นต้น

AngularJS

ng-if="check1 && !check2" -- AND NOT
ng-if="check1 || check2" -- OR
ng-if="(check1 || check2) && check3" -- AND/OR - Make sure to use brackets

เชิงมุม 2 +

*ngIf="check1 && !check2" -- AND NOT
*ngIf="check1 || check2" -- OR
*ngIf="(check1 || check2) && check3" -- AND/OR - Make sure to use brackets

แนวทางปฏิบัติที่ดีที่สุดคืออย่าทำการคำนวณโดยตรงภายใน ngIfs ดังนั้นกำหนดตัวแปรภายในองค์ประกอบของคุณและใช้ตรรกะใด ๆ

boolean check1 = Your conditional check here...
...

3

ใช่มันเป็นไปได้ ตัวอย่างเช่นการชำระเงิน:

<div class="singleMatch" ng-if="match.date | date:'ddMMyyyy' === main.date &&  match.team1.code === main.team1code && match.team2.code === main.team2code">
    //Do something here
    </div>
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.