Angular ng-if = “” với nhiều đối số

94

Tôi đang cố gắng bắt đầu phát triển góc cạnh. Và sau khi xem xét tài liệu, một số câu hỏi vẫn tồn tại. Làm cách nào để viết a tốt nhất ng-ifvới nhiều đối số tương ứng với

if( a && b) hoặc là if( a || b )

javascript angularjs angular-ng-if

— David Karlsson
nguồn

157

Điều đó là có thể.

<span ng-if="checked && checked2">
  I'm removed when the checkbox is unchecked.
</span>

http://plnkr.co/edit/UKNoaaJX5KG3J7AswhLV?p=preview

— javaCity
nguồn

9

Đối với những người muốn thực hiện câu lệnh if có nhiều giá trị 'hoặc'.

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

— Brendan Metcalfe
nguồn

hai chấm phía trước là gì? Nó sẽ không hoạt động nếu không có chúng và dấu ngoặc? Dựa trên ví dụ của javaCity, điều này thậm chí không hoạt động plnkr.co/edit/qdIysgbxtEUVB2WMJa1i?p=preview

— Stefan

các dấu chấm là cú pháp của Angular cho ràng buộc một lần (trái ngược với hai chiều)

— Brendan Metcalfe

4

Chỉ cần làm rõ, hãy lưu ý vị trí dấu ngoặc là quan trọng!

Chúng có thể được thêm vào bất kỳ thẻ HTML nào ... span, div, table, p, tr, td, v.v.

AngularJS

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

Angular2 +

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

Cách tốt nhất là không thực hiện tính toán trực tiếp trong ngIfs, vì vậy hãy gán các biến trong thành phần của bạn và thực hiện bất kỳ logic nào ở đó.

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

— Chris
nguồn

3

Vâng nó có thể. ví dụ thanh toán:

<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>

— Vithal Reddy
nguồn