ให้ฉันแนะนำให้คุณรู้ว่า Angularjs คืออะไร?
AngularJS เป็นกรอบโครงสร้างที่ออกแบบมาสำหรับแอปพลิเคชันเว็บแบบไดนามิก ช่วยให้คุณใช้ HTML เป็นภาษาเทมเพลตและโดยการขยายไวยากรณ์ HTML คุณสามารถสร้างส่วนประกอบแอปพลิเคชันของคุณได้อย่างชัดเจนและรัดกุม นวัตกรรมของมันคือมันใช้การเชื่อมโยงข้อมูลและการฉีดพึ่งพาเพื่อป้องกันไม่ให้คุณเขียนโค้ดจำนวนมาก ทั้งหมดนี้ถูกนำไปใช้ผ่าน JavaScript ด้านเบราว์เซอร์ซึ่งทำให้มันรวมเข้ากับเทคโนโลยีฝั่งเซิร์ฟเวอร์ใด ๆ ได้อย่างสมบูรณ์แบบ
AngularJS ได้รับการออกแบบมาเพื่อเอาชนะข้อบกพร่องของ HTML ในการสร้างแอพพลิเคชั่น HTML เป็นภาษาประกาศที่ดีที่ออกแบบมาสำหรับการแสดงข้อความแบบคงที่ แต่มันจะอ่อนแอหากคุณต้องการสร้างเว็บแอปพลิเคชัน ดังนั้นฉันจึงทำงานบางอย่าง (คุณสามารถคิดว่ามันเป็นเคล็ดลับเล็กน้อย) เพื่อให้เบราว์เซอร์ทำสิ่งที่ฉันต้องการ
AngularJS ให้ตัวกรองเพื่อจัดรูปแบบข้อมูลอินพุตและเอาต์พุต มาเริ่มแนะนำการใช้ตัวกรอง AngularJS มาดูกันเถอะ
•ใช้ในไฟล์ HTML และในไฟล์ JS
$ scope.form_time = $ filter ('วันที่') ($ scope.time, 'yyyy-mm-dd hh: mm: ss'); <p> {{เวลา | วันที่: 'yyyy-mm-dd hh: mm: ss'}} </p>•ตัวกรองภายในและตัวกรองที่กำหนดเอง
.filter ('my_data_format', [function () {return function (data, str, ss) {console.log ('data:', data, 'str:', str, 'sss:', อาร์กิวเมนต์ [2]);}}]); // var1 my_data_format: 123: 'this'}} </p> // ประมวลผลข้อมูลที่เข้ามา filter ('my_data_format', [ฟังก์ชั่น () {ฟังก์ชั่นส่งคืน (ข้อมูล, str) {var arr = []; angular.foreach (data, function (one_list) str) {arr.push (one_list);}}); return arr;}}]); // ตัวกรองสามารถใช้ในค่าที่ถูกผูกไว้หรือใน ng-if = "(รายการ | my_data_format: '2'). ความยาว> 0" และ ng-show, ฯลฯ ; การแสดงออกที่คล้ายกัน ในฐานะคำตัดสิน <p ng-repeat = "รายการในรายการ"> ชื่อ: {{list.name}}, จำนวนคน {{(รายการ | my_data_format: '2'). ความยาว}} </p>