Chỉ thị ng-switch
của AngularJS
Ví dụ
Chỉ hiển thị một phần của HTML nếu nó khớp với một giá trị nhất định:
<div ng-switch="myVar">
<div ng-switch-when="dogs">
<h1>Dogs</h1>
<p>Welcome to a world of dogs.</p>
</div>
<div ng-switch-when="tuts">
<h1>Tutorials</h1>
<p>Learn from examples.</p>
</div>
<div ng-switch-when="cars">
<h1>Cars</h1>
<p>Read about cars.</p>
</div>
<div ng-switch-default>
<h1>Switch</h1>
<p>Select topic from the dropdown, to switch the content of this DIV.</p>
</div>
</div>
Hãy tự mình thử »Định nghĩa và cách sử dụng
Lệnh ng-switch
cho phép bạn ẩn/hiện các phần tử HTML tùy thuộc vào một biểu thức.
Các phần tử con có lệnh ng-switch-when
sẽ được hiển thị nếu nó khớp, nếu không thì phần tử đó và các phần tử con của nó sẽ bị xóa.
Bạn cũng có thể xác định một phần mặc định, bằng cách sử dụng lệnh ng-switch-default
, để hiển thị một phần nếu không có phần nào khác khớp.
Cú pháp
< element ng-switch=" expression ">
< element ng-switch-when=" value "></ element >
< element ng-switch-when=" value "></ element >
< element ng-switch-when=" value "></ element >
< element ng-switch-default></ element >
</ element >
Được hỗ trợ bởi tất cả các phần tử HTML.
Giá trị tham số
Value | Description |
---|---|
expression | An expression that will remove elements with no match, and display elements with a match. |