AngularJS filter ตัวกรอง

คู่มืออ้างอิง AngularJS

คำนิยามและวิธีใช้

filter ตัวกรองอนุญาตให้เรากรองตัวแปรแบบมาตราฐาน และกลับมาเป็นตัวแปรแบบมาตราฐานที่มีเพียงรายการที่ตรงกันข้าม。

ตัวกรองนี้สามารถใช้กับตัวแปรแบบมาตราฐานเท่านั้น。

หน้าที่เกี่ยวข้อง

AngularJS ตัวเรียน:ตัวกรอง Angular

ตัวอย่าง

ตัวอย่าง 1

แสดงรายการที่มีตัวอักษร "A"



    
<li ng-repeat="x in cars | filter : 'A'">{{x}}</li>

亲自试一试

ตัวอย่าง 2

ใช้วัตถุเป็นตัวกรอง：



    
<li ng-repeat="x in customers | filter : {'name' : 'O', 'city' : 'London'}">
    {{x.name + ", " + x.city}}

亲自试一试

例子 3

进行“严格”比较，除非值与表达式完全相同，否则不会返回匹配项：



    

  • 
    {{x.name + ", " + x.city}}

    •

亲自试一试

语法

{{ arrayexpression | filter : expression : comparator }}

ประกาศ

ประกาศ รายละเอียด
expression

การใช้งานเพื่อเลือกรายการจากตาราง ประเภทของการแสดงเป็นตัวแปร

ตัวอักษร: จะคืนรายการที่ตรงกับตัวอักษร

ตัวแปร: ตัวแปรเป็นรูปแบบที่ใช้ในการค้นหาในตาราง ตัวอย่างเช่น: filter: {"name" : "H", "city": "London"} จะคืนรายการที่ชื่อมีตัวอักษร "H" และเมืองมี "London"

ฟังก์ชัน: ฟังก์ชันที่จะเรียกใช้กับรายการในตารางแต่ละรายการ และรายการที่ฟังก์ชันกลับค่า true จะปรากฏในตารางผลลัพธ์
comparator

เลือกความถี่ของการเปรียบเทียบ

true: คืนค่าที่ตรงกันข้ามเฉพาะตอนที่ค่าของรายการในตารางตรงกับค่าที่ต้องการเปรียบเทียบเท่านั้น

false: หากค่าของรายการในตารางมีค่าที่ต้องการเปรียบเทียบ จะคืนค่าที่ตรงกันข้าม การเปรียบเทียบไม่แบ่งประเภทตัวอักษร

ฟังก์ชัน: สามารถกำหนดฟังก์ชันเพื่อตรวจสอบว่าอะไรนับว่าเป็นการตรงกันข้ามหรือไม่

คู่มืออ้างอิง AngularJS