29 คำถามและคำตอบสัมภาษณ์ AngularJS ที่พบบ่อยที่สุด [สำหรับผู้เริ่มต้นและผู้มีประสบการณ์]

AngularJS เป็นหนึ่งใน เฟรมเวิร์กเว็บที่ได้รับความนิยมมากที่สุด ในวงการเทคโนโลยีสมัยใหม่ แม้ว่าในตอนแรก AngularJS เป็นโครงการของ Google แต่ต่อมาได้กลายเป็นเฟรมเวิร์กโอเพนซอร์ซ AngularJS เป็นเฟรมเวิร์ก JavaScript Model-View-Controller ฝั่งไคลเอ็นต์ซึ่งส่วนใหญ่ใช้เพื่อสร้างและไดนามิกเว็บแอปพลิเคชัน โดยเฉพาะแอปพลิเคชันหน้าเดียว

เนื่องจาก AngularJS ใช้ HTML และ JavaScript ทั้งหมด คุณจึงสามารถใช้ HTML เป็นภาษาเทมเพลตได้ ไม่เพียงแค่เปลี่ยน HTML แบบคงที่เป็น HTML แบบไดนามิก แต่ยังช่วยขยายความสามารถของ HTML ด้วยการเพิ่มแอตทริบิวต์ในตัว เพียงแค่นั้น AngularJS ยังขยายความสามารถของ HTML ในการสร้างแอตทริบิวต์ที่กำหนดเองโดยใช้ JavaScript สิ่งที่ดีที่สุดเกี่ยวกับ AngularJS ก็คือคุณสมบัติการผูกข้อมูลและการพึ่งพาการฉีดช่วยขจัดความจำเป็นในการเขียนโค้ดซ้ำซ้อน

ความนิยมของ AngularJS แพร่หลายมากจนความต้องการทักษะของ AngularJS ในอุตสาหกรรมเพิ่มสูงขึ้น อย่างไรก็ตาม หากคุณต้องการหางานที่ต้องใช้ทักษะของ AngularJS คุณต้องทำการสัมภาษณ์ AngularJS ก่อน เพื่อช่วยให้คุณเก่งในการสัมภาษณ์ AngularJS เราได้สร้างรายการ คำถามและคำตอบสำหรับการสัมภาษณ์ AngularJS ที่ครอบคลุม

ไปเลย!

คำถามและคำตอบสัมภาษณ์ยอดนิยมของ AngularJS

1. AngularJS คืออะไร? คุณสมบัติหลักของ AngularJS คืออะไร?

AngularJS เป็นเฟรมเวิร์ก JavaScript ที่พัฒนาโดย Google ใช้สำหรับสร้างเว็บแอปพลิเคชันแบบไดนามิกและขยายได้ โดยอิงตามรูปแบบ MVC (Model View Controller) โดยมี HTML เป็นภาษาเทมเพลต ดังที่เราได้กล่าวไว้ในบทนำ AngularJS ทำงานบน JavaScript และ HTML ธรรมดา ซึ่งหมายความว่าคุณไม่จำเป็นต้องพึ่งพาการพึ่งพาภายนอกอื่นๆ เพื่อใช้งาน AngularJS ช่วยผูกวัตถุ JavaScript กับองค์ประกอบ HTML UI

คุณสมบัติหลักของ AngularJS คือ:

• แม่แบบ
• ขอบเขต
• คอนโทรลเลอร์
• บริการ
• แบบอย่าง
• ดู
• การผูกข้อมูล
• ตัวกรอง

เรียนรู้เพิ่มเติมเกี่ยวกับ: Angular 7.0 – มีอะไรใหม่ใน Avatar

2. กำหนดขอบเขตใน AngularJS

ใน AngularJS ขอบเขตคือรูปแบบแอปพลิเคชันที่ทำหน้าที่เป็นตัวเชื่อมระหว่างกาวระหว่างตัวควบคุมแอปพลิเคชันและมุมมอง ขอบเขตออกแบบมาเพื่อตรวจสอบนิพจน์และเผยแพร่เหตุการณ์ โดยปกติ ขอบเขตจะถูกจัดระเบียบในโครงสร้างแบบลำดับชั้นที่จำลองโครงสร้าง DOM (Document Object Model) ของแอปพลิเคชัน สามารถดูนิพจน์และเผยแพร่เหตุการณ์

3. กำหนดการเชื่อมโยงข้อมูลใน AngularJS

ใน AngularJS การโยงข้อมูลหมายถึงกระบวนการที่ข้อมูลระหว่างส่วนประกอบโมเดลและมุมมองจะถูกซิงโครไนซ์โดยอัตโนมัติ การผูกข้อมูลช่วยลดความซับซ้อนของกระบวนการกำหนดแอปพลิเคชันแบบโต้ตอบโดยไม่ต้องกังวลเกี่ยวกับการพุชหรือดึงข้อมูลระหว่างมุมมอง/เทมเพลตและส่วนประกอบ มีรูปแบบการผูกข้อมูลสี่รูปแบบ:

• เหตุการณ์ที่มีผลผูกพัน
• ผูกพันทรัพย์สิน
• การแก้ไขสตริง
• การผูกข้อมูลแบบสองทาง

4. กำหนดนิพจน์เชิงมุม นิพจน์เชิงมุมและนิพจน์ JavaScript แตกต่างกันอย่างไร

นิพจน์เชิงมุมเป็นส่วนย่อยของโค้ดที่วางในการเชื่อมโยง (เหมือนกับสไตล์ของ JavaScript) เช่น:

{{ เชิงมุม }}

นิพจน์เชิงมุมช่วยผูกข้อมูลแอปพลิเคชันกับ HTML

ความแตกต่างหลักระหว่างนิพจน์ JavaScript และนิพจน์เชิงมุมคือ:

• ในขณะที่นิพจน์ JavaScript ถูกประเมินกับหน้าต่างส่วนกลาง นิพจน์เชิงมุมจะถูกประเมินกับวัตถุขอบเขต
• การประเมินนิพจน์เชิงมุมให้อภัย null และไม่ได้กำหนด แต่ใน JavaScript คุณสมบัติที่ไม่ได้กำหนดมักจะสร้าง TypeError หรือ ReferenceError
• แตกต่างจาก JavaScript นิพจน์เชิงมุมไม่อนุญาตให้ใช้ลูป เงื่อนไข หรือข้อยกเว้น
• แม้ว่า AngularJS จะรองรับตัวกรอง แต่ JavaScript ไม่รองรับ

5. ตั้งชื่อ IDE ทั่วไปที่ใช้สำหรับการพัฒนาแอปพลิเคชัน AngularJS

ต่อไปนี้คือ IDE ที่ใช้บ่อยที่สุด (Integrated Development Environment) สำหรับ AngularJS:

• Eclipse – นี่เป็นหนึ่งใน IDE ที่โปรดปรานของ Java/JavaScript Developers รองรับปลั๊กอิน AngularJS
• Visual Studio – นี่คือ Microsoft IDE ที่ออกแบบมาสำหรับการพัฒนาเว็บแอปอย่างง่ายดายและรวดเร็ว
• WebStorm – นี่เป็นหนึ่งใน IDE ที่ทรงพลังที่สุดสำหรับการพัฒนา JavaScript ที่ทันสมัยอย่างไม่ต้องสงสัย ช่วยให้สามารถรวมการพึ่งพาได้ง่ายโดยใช้ Angular CLI
• Aptana – นี่คือ Eclipse เวอร์ชันโอเพนซอร์สที่ปรับแต่งได้ มันมาพร้อมกับเครื่องมือล่าสุดและมาตรฐานเว็บที่จำเป็นสำหรับการพัฒนาเว็บ
• Sublime Text – นี่คือ IDE ที่แนะนำเป็นอย่างยิ่งสำหรับ HTML, CSS และ JavaScript แน่นอนว่ามันเข้ากันได้กับ AngularJS

ตรวจสอบด้วย: AngularJS เป็นตัวเลือกที่เหมาะสมสำหรับการพัฒนาแอพมือถือครั้งต่อไปของคุณหรือไม่

6. คำสั่งใน AngularJS คืออะไร?

คำสั่งใน AngularJS ไม่ได้เป็นอะไรนอกจากแอตทริบิวต์ HTML แบบขยายที่มีคำนำหน้า "ng" มีคำสั่งหลักสามประการของ AngularJS:

• ng-app – จุดประสงค์ของคำสั่งนี้คือเพื่อตั้งค่าสถานะองค์ประกอบ HTML ที่ควรพิจารณาให้เป็นองค์ประกอบรากของแอปพลิเคชันเชิงมุม แม้ว่า Angular จะใช้ spinal-case สำหรับแอตทริบิวต์ที่กำหนดเอง แต่จะใช้ตัวกรอง camelCase สำหรับคำสั่งที่เกี่ยวข้องซึ่งนำไปใช้
• ng-model – คำสั่งนี้ช่วยผูกค่าของการควบคุม HTML (อินพุต, เลือก, textarea) กับข้อมูลแอปพลิเคชัน ในแบบจำลอง ng ขอบเขตไม่เพียงสะท้อนให้เห็นในการเปลี่ยนแปลงมุมมอง แต่แม้แต่การเปลี่ยนแปลงในมุมมองยังสะท้อนอยู่ในขอบเขตด้วย
• ng-bind – คำสั่งนี้ใช้เพื่อผูกข้อมูลแอปพลิเคชันโมดอลกับมุมมอง HTML

7. จุดประสงค์ของเส้นทาง AngularJS คืออะไร?

การใช้เส้นทาง AngularJS ช่วยให้คุณสร้าง URL ที่แตกต่างกันสำหรับเนื้อหาที่แตกต่างกันในแอปพลิเคชัน Angular การทำเช่นนี้ทำให้คุณสามารถบุ๊กมาร์ก URL ไปยังเนื้อหาเฉพาะได้ และแต่ละ URL ที่บุ๊กมาร์กไว้จะเรียกว่าเส้นทางใน AngularJS

8. กำหนดการแก้ไขสตริงใน AngularJS

ใน AngularJS การแก้ไขสตริงหมายถึงไวยากรณ์เฉพาะที่ใช้นิพจน์เทมเพลตภายในวงเล็บปีกกา {{ }} สำหรับการแสดงข้อมูลคอมโพเนนต์ การแก้ไขสตริงมักเรียกกันว่า "Moustache Syntax" เมื่อใช้ไวยากรณ์นี้ ก่อนอื่นคุณต้องรวมนิพจน์ JavaScript (ที่ต้องดำเนินการ) ไว้ในวงเล็บปีกกาคู่ จากนั้นจึงฝังเอาต์พุตที่เกี่ยวข้องลงในโค้ด HTML

9. กำหนด AngularJS “ไดเจสต์วงจร”

วงจรไดเจสต์หมายถึงกระบวนการผูกข้อมูลใน AngularJS เป็นหลัก ในกระบวนการนี้ เวอร์ชันเก่าและใหม่ของค่าโมเดลขอบเขตจะถูกเปรียบเทียบและเปรียบเทียบกัน แม้ว่าวงจรไดเจสต์จะถูกทริกเกอร์โดยอัตโนมัติ คุณยังสามารถใช้ “$apply()” เพื่อเริ่มกระบวนการด้วยตนเองได้

10. การเข้าเล่มแบบทางเดียวและการผูกแบบสองทางแตกต่างกันอย่างไร?

การผูกทางเดียวใช้เพื่อผูกข้อมูลจากแบบจำลองเพื่อดูโดยไม่ต้องอัปเดตเทมเพลตหรือมุมมอง HTML โดยอัตโนมัติ ดังนั้น ในแนวทางนี้ คุณต้องเขียนโค้ดที่กำหนดเองเพื่ออัปเดตเทมเพลต HTML ซึ่งจะอัปเดตมุมมองเพิ่มเติมทุกครั้งที่ข้อมูลถูกผูกไว้จากโมเดลเพื่อดู

ตรงกันข้าม การผูกสองทางจะผูกข้อมูลจากแบบจำลองเพื่อดูและในทางกลับกันโดยการอัปเดตเทมเพลต HTML โดยอัตโนมัติโดยที่คุณไม่ต้องเขียนโค้ดที่กำหนดเองใดๆ

11. กำหนดฟังก์ชันการเชื่อมโยง ตั้งชื่อประเภทของฟังก์ชันการเชื่อมโยง

ลิงก์จะรวมคำสั่งที่มีขอบเขตเพื่อสร้างมุมมองแบบสด ฟังก์ชันลิงก์ใช้สำหรับลงทะเบียนฟัง DOM และสำหรับอัปเดต DOM ฟังก์ชันนี้จะดำเนินการทันทีหลังจากลอกแบบแม่แบบ

ฟังก์ชั่นการเชื่อมโยงมีสองประเภท:

• ฟังก์ชันการเชื่อมโยงล่วงหน้า – ฟังก์ชันนี้ดำเนินการก่อนที่องค์ประกอบย่อยจะถูกเชื่อมโยง และมักจะไม่ใช่แนวทางที่ปลอดภัยสำหรับการแปลง DOM
• ฟังก์ชันโพสต์ลิงก์ – ฟังก์ชันนี้จะดำเนินการหลังจากเชื่อมโยงองค์ประกอบย่อยแล้ว

12. หัวฉีดใน AngularJS คืออะไร?

หัวฉีดเป็นตัวระบุตำแหน่งบริการใน AngularJS วัตถุประสงค์หลักของหัวฉีดคือการรับอินสแตนซ์อ็อบเจ็กต์ที่กำหนดโดยผู้ให้บริการ วิธีเรียกใช้ โหลดโมดูล และประเภทอินสแตนซ์ แอปพลิเคชัน Angular ทุกตัวมีหัวฉีดที่ช่วยค้นหาอินสแตนซ์ของวัตถุตามชื่อ

13. ตั้งชื่อรูปแบบการจัดรูปแบบต่างๆ ที่ ng-model เพิ่มในคลาส CSS

ng-model เพิ่มรูปแบบการจัดรูปแบบต่อไปนี้ให้กับคลาส CSS:

• ng- ถูกต้อง
• ng- ไม่ถูกต้อง
• ng-pristine
• งะ-สกปรก

14. กำหนดการฉีดพึ่งพา ออบเจ็กต์หรือฟังก์ชันจะเข้าถึงการพึ่งพาได้อย่างไร

การฉีดการพึ่งพา (DI) เป็นรูปแบบการออกแบบซอฟต์แวร์ที่กำหนดวิธีที่โค้ดสามารถดึงข้อมูลการพึ่งพาได้ อนุญาตให้ส่วนประกอบเข้าถึงการพึ่งพาแทนที่จะฮาร์ดโค้ดภายในส่วนประกอบ ในการดึงข้อมูลองค์ประกอบที่จำเป็นต้องกำหนดค่าเมื่อโหลดโมดูลในแอปพลิเคชัน การดำเนินการ "config" จะใช้ DI

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

• สามารถสร้างการพึ่งพาได้โดยใช้ตัวดำเนินการใหม่
• สามารถดูการพึ่งพาได้โดยการอ้างถึงตัวแปรส่วนกลาง

15. ตั้งชื่อส่วนประกอบที่สามารถฉีดเป็นการพึ่งพาใน AngularJS

ใน AngularJS คุณสามารถฉีดส่วนประกอบต่อไปนี้เข้าด้วยกันเป็นการพึ่งพา:

• ค่า
• บริการ
• โรงงาน
• คงที่
• ผู้ให้บริการ

ค้นหาคำตอบสำหรับคำถามนี้ด้วย: เหตุใดจึงควรเป็นนักพัฒนาเต็มสแต็ก

16. ขั้นตอนที่เกี่ยวข้องในกระบวนการคอมไพล์ HTML มีอะไรบ้าง?

กระบวนการคอมไพล์ของ HTML ประกอบด้วยขั้นตอนต่อไปนี้:

• ขั้นแรก แยกวิเคราะห์ HTML เป็น DOM โดยใช้ API ของเบราว์เซอร์มาตรฐาน
• ในขั้นตอนต่อไป การเรียกเมธอด $compile() จะใช้เพื่อดำเนินการคอมไพล์ DOM เมธอดข้าม DOM เพื่อให้ตรงกับคำสั่ง
• ขั้นตอนสุดท้ายเกี่ยวข้องกับการเชื่อมโยงแม่แบบกับขอบเขตโดยการเรียกฟังก์ชันการเชื่อมโยงที่ส่งกลับจากขั้นตอนก่อนหน้านี้

17. บริการใน AngularJS คืออะไร?

บริการคือฟังก์ชัน JavaScript ที่ออกแบบมาเพื่อทำงานเฉพาะ ตัวอย่างเช่น ฟังก์ชัน $https: ใช้เพื่อทำการเรียก AJAX เพื่อรับข้อมูลเซิร์ฟเวอร์ในขณะที่ฟังก์ชัน $route ใช้เพื่อกำหนดข้อมูลเส้นทาง มีบริการอื่น ๆ อีกมากมายที่สามารถทำงานเฉพาะได้

18. กำหนดคำสั่งใน AngularJS ตั้งชื่อคำสั่งประเภทต่างๆ

ใน AngularJS คำสั่งคือพฤติกรรมหรือฟังก์ชันที่ถูกทริกเกอร์ในระหว่างกระบวนการคอมไพล์เมื่อพบโครงสร้าง HTML ที่เฉพาะเจาะจง Directives เป็นเครื่องหมายบนองค์ประกอบ DOM (เช่น องค์ประกอบ คุณลักษณะ CSS เป็นต้น) คุณยังสามารถใช้แท็กเหล่านี้เพื่อสร้างแท็ก HTML ที่กำหนดเองซึ่งทำหน้าที่เป็นวิดเจ็ตใหม่ที่กำหนดเองได้

คำสั่งสี่ประเภทหลักคือ:

• คำสั่งองค์ประกอบ
• คำสั่งคุณสมบัติ
• คำสั่งความคิดเห็น
• คำสั่งคลาส CSS

19. แยกความแตกต่างระหว่างคำอธิบายประกอบและมัณฑนากรใน AngularJS

ใน Angular คำอธิบายประกอบเป็นชุดข้อมูลเมตาชุดเดียวของคลาสที่ใช้ไลบรารี Reflect Metadata เพื่อสร้างอาร์เรย์ "คำอธิบายประกอบ" ในทางกลับกัน มัณฑนากรคือรูปแบบการออกแบบที่ใช้สำหรับการแยกการตกแต่งหรือการปรับเปลี่ยนคลาสโดยไม่ต้องแก้ไขซอร์สโค้ดดั้งเดิมของแอปพลิเคชัน

20. กำหนดตัวควบคุม

ตัวควบคุมคือฟังก์ชัน JavaScript ที่เชื่อมโยงกับขอบเขตเฉพาะ เป้าหมายหลักของพวกเขาคือการให้ข้อมูลและตรรกะแก่ HTML UI พวกเขาเป็นตัวแสดงหลักในเฟรมเวิร์ก AngularJS ที่ควบคุมวิธีที่ข้อมูลไหลจากเซิร์ฟเวอร์ไปยัง HTML UI นอกจากนี้ ตัวควบคุมยังมีฟังก์ชันต่างๆ เพื่อดำเนินการกับข้อมูลและกำหนดว่ามุมมองใดจำเป็นต้องได้รับการอัปเดตเพื่อแสดงข้อมูลตามแบบจำลองที่อัปเดต

21. บันทึกได้รับการดูแลใน AngularJS อย่างไร

เพื่อรักษาบันทึก บริการ $log ถูกใช้ใน AngularJS วัตถุประสงค์หลักของบริการ $log คือการช่วยในการดีบักและแก้ไขปัญหาผ่านวิธีการที่ระบุไว้ด้านล่าง:

• log() – ใช้สำหรับเขียนข้อความบันทึกในคอนโซล
• info()- ใช้สำหรับเขียนข้อความข้อมูล
• warn() - ใช้สำหรับเขียนข้อความเตือน
• error() - ใช้สำหรับเขียนข้อความแสดงข้อผิดพลาด
• debug()- ใช้สำหรับเขียนข้อความ debug

22. กำหนด $rootscope ใน AngularJS ต่างจากสโคปอย่างไร?

ใน AngularJS ทั้ง $rootscope และ $scope เป็นอ็อบเจ็กต์ที่ใช้โดยทั่วไปสำหรับการแชร์ข้อมูลจากคอนโทรลเลอร์เพื่อดู อย่างไรก็ตาม ทั้งสองแตกต่างกันมาก ประเด็นหลักของความแตกต่างระหว่าง $rootscope และ $scope คือในขณะที่อดีตนั้นสามารถใช้ได้ทั่วโลกในคอนโทรลเลอร์ทั้งหมด $scope มีให้ในคอนโทรลเลอร์ที่สร้างมันพร้อมกับคอนโทรลเลอร์ลูกเท่านั้น

23. ตั้งชื่อเบราว์เซอร์บางตัวที่ AngularJS รองรับ

นี่คือเบราว์เซอร์บางส่วนที่รองรับโดย AngularJS:

• Mozilla Firefox
• Google Chrome
• Microsft Edge
• IE มือถือ
• ซาฟารี (iOS)
• IE 10,11

24. คุณจะเปิดใช้งานโหมด HTML5 ใน Angular 1.x ได้อย่างไร?

ในการเปิดใช้งานโหมด HTML5 ใน Angular 1.x คุณต้องเรียกใช้โค้ดที่ระบุด้านล่าง:

angular.module('myApp', [ ])

.config (ฟังก์ชัน ($routeProvider, $locationProvider) {

$routeProvider

.เมื่อไร('/', {

templateUrl : 'partials/home.html',

คอนโทรลเลอร์ : mainController

})

// ใช้ HTML5 History API

$locationProvider.html5Mode(จริง);

});

25. ตั้งชื่อตัวตรวจสอบในตัวใน AngularJS

AngularJS รองรับแอตทริบิวต์ HTML5 มาตรฐานทั้งหมดสำหรับการตรวจสอบอินพุต นี่คือตัวตรวจสอบความถูกต้องในตัวบางส่วนใน AngularJS:

• นาที
• แม็กซ์
• ที่จำเป็น
• Type=”จำนวน”หรือประเภท=”อีเมล”

26. จะโทร AJAX โดยใช้ AngularJS ได้อย่างไร?

คุณสามารถใช้บริการ $https: ใน AngularJS เพื่อทำการเรียก AJAX เพื่ออ่านข้อมูลจากเซิร์ฟเวอร์ AngularJS กำหนดให้ข้อมูลอยู่ในรูปแบบ JSON เซิร์ฟเวอร์สร้างการเรียกฐานข้อมูลเพื่อดึงข้อมูลระเบียนที่ต้องการ เมื่อข้อมูลพร้อมแล้ว สามารถใช้บริการ $https: เพื่อดึงข้อมูลจากเซิร์ฟเวอร์ได้ดังนี้:

ฟังก์ชัน studentController($scope,$https:) {

var url = “data.txt”;

$https:.get(url).success(ฟังก์ชัน(การตอบสนอง) {

$scope.students = ตอบกลับ;

});

}

27. Internalization ใน AngularJS คืออะไร?

ใน AngularJS การทำให้เป็นสากลหมายถึงวิธีการที่ใช้แสดงข้อมูลเฉพาะสถานที่บนเว็บไซต์ ตัวอย่างเช่น เว็บไซต์ที่แสดงเนื้อหาเป็นภาษาอังกฤษในสหรัฐอเมริกาและภาษาเดนมาร์กในฝรั่งเศสจะต้องอยู่ภายในตามสถานที่ตั้ง

AngularJS เสนอการสนับสนุนการทำให้เป็นสากลในตัวสำหรับตัวกรองสามประเภท:

• วันที่
• ตัวเลข
• สกุลเงิน

28. อธิบายขั้นตอนของกระบวนการบูต AngularJS

เมื่อคุณโหลดหน้าในเบราว์เซอร์ กระบวนการบูตของ AngularJS จะเริ่มต้นขึ้น ขั้นตอนที่เกี่ยวข้องมีดังนี้:

• ไฟล์เอกสาร HTML ถูกโหลดและประเมินโดยเบราว์เซอร์ จากนั้นโหลดไฟล์ AngularJS JavaScript และสร้างอ็อบเจ็กต์ส่วนกลาง
• ในขั้นตอนต่อไป ไฟล์ JavaScript ที่รับผิดชอบในการลงทะเบียนฟังก์ชันคอนโทรลเลอร์จะถูกดำเนินการ
• AngularJS สแกน HTML เพื่อค้นหาแอปและมุมมอง AngularJS เมื่อค้นหามุมมองได้สำเร็จ จะเชื่อมต่อมุมมองนั้นกับฟังก์ชันตัวควบคุมที่เกี่ยวข้อง
• สุดท้าย AngularJS เรียกใช้ฟังก์ชันคอนโทรลเลอร์และแสดงผลมุมมองด้วยข้อมูลจากโมเดลที่บรรจุโดยคอนโทรลเลอร์ และหน้าพร้อมที่จะให้ผู้ใช้ดู

29. ตัวกรองมีจุดประสงค์อะไรใน AngularJS?

ตัวกรองใช้สำหรับจัดรูปแบบค่าของนิพจน์และแสดงให้ผู้ใช้เห็นเช่นเดียวกัน ใน AngularJS ตัวกรองจะถูกเพิ่มลงในเทมเพลต คำสั่ง ตัวควบคุม และบริการ คุณยังสามารถสร้างตัวกรองแบบกำหนดเองได้ การใช้ตัวกรองทำให้คุณสามารถจัดระเบียบข้อมูลในลักษณะที่ค่าข้อมูลจะแสดงก็ต่อเมื่อตรงตามเกณฑ์ที่กำหนดเท่านั้น ตัวกรองถูกเพิ่มลงในนิพจน์เชิงมุมโดยใช้ “|” ตัวอักษรตามด้วยตัวกรอง

บทสรุป

ดังนั้น ต่อไปนี้คือ คำถามและคำตอบในการสัมภาษณ์ของ AngularJS จำนวน 29 ข้อที่ถามบ่อยที่สุดซึ่งจะช่วยให้คุณเลิกใช้ AngularJS ได้

หากคุณสนใจที่จะเรียนรู้เพิ่มเติมเกี่ยวกับ AngularJS การพัฒนาสแต็กแบบเต็ม โปรดดูประกาศนียบัตร PG ของ upGrad & IIIT-B ด้านการพัฒนาซอฟต์แวร์แบบครบวงจร ซึ่งออกแบบมาสำหรับมืออาชีพที่ทำงานและมีการฝึกอบรมที่เข้มงวดมากกว่า 500 ชั่วโมง โครงการมากกว่า 9 โครงการ และ การมอบหมายงาน สถานะศิษย์เก่า IIIT-B โครงการหลักที่นำไปปฏิบัติจริง และความช่วยเหลือด้านงานกับบริษัทชั้นนำ

มีความสุขในการเรียนรู้!