angular Archive

Web Test Runner ใน Angular 17.1

ใน Angular 17.1 นั้น ได้ทำการเพิ่ม Web Test Runner เข้ามาแทน Karma ในอนาคตซึ่งใช้สำหรับการ run test ผ่าน web browser นั่นเองโดยที่สนับสนุนทั้ง

Read More…

ลองใช้งาน Angular Signals

หลังจากที่ Angular 16 ถูกปล่อยออกมานั้นมีความสามารถใหม่ที่ออกมาคือ Angular Signalsซึ่งผมก็ไม่เคยใช้งานดังนั้นมาลองทำความรู้จัก ด้วยการลองใช้งานกันดีกว่ามาเริ่มกันเลย

Read More…

มาลองเล่น Standalone Component ใน Angular 14 กัน

เพิ่งมีเวลาว่างมาดู Angular 14 ที่ถูกปล่อยออกมาเมื่อต้นเดือนซึ่งมี feature หลายตัวที่น่าสนใจแต่มีตัวหนึ่งที่ติดตามมาเรื่อย ๆ ตั้งแต่เปิด RFCคือ Standalone Component ดังนั้นเรามาทำความรู้จัก และลองใช้งานกันนิดหน่อย

Read More…

สวัสดี Angular DevTools

สวัสดี Angular DevTools ซึ่งเป็น Google Chrome Extensionแน่นอนว่ามันคือ official tool จาก Angular เลยเพราะว่าก่อนหน้านี้ก็จะใช้ Angury จาก Rangle.io กันและ Angular DevTools ก็ร่วมพัฒนากับ Rangle เช่นกันเพื่อนำ feeback และความรู้ที่ได้รับมาช่วยกันสร้างใหม่

Read More…

สวัสดี Angular 12 :: e2e test หายไปแล้ว

เพิ่งทำการติดตั้ง Angular 12 ไป หลังจากที่ปล่อยออกมาพบว่ามีหลายอย่างที่น่าสนใจ ประกอบไปด้วย View Engine ถูกแจ้งว่า deprecated แล้ว Protreactor สำหรับการทดสอบแบบ end-to-end test เอาออกไปแล้ว โดยตอนนี้กำลังไปที่ Cypress, WebDriverIO และ TestCafe ใช้งาน Nullish coalescing operator ใน component ได้ Strict mode by default ให้เลย แจ้งเตือน IE11 deprecated แล้ว ซึ่งจะไม่สนับสนุนใน Angular 13 Default environment ในการ build คือ production ปรับปรุงการ build ให้เร็วขึ้น

Read More…

คำแนะนำสำหรับ Docker + Angular

จากคำถามในกลุ่ม Docker in Thai เรื่องการ build Angular project ใน Dockerว่าเกิด error ขึ้นมา คือ ไม่เจอคำสั่ง ng (Angular CLI) ในการสร้าง Docker Image ด้วย Dockerfileดังนั้นจึงสรุปแนวทางการแก้ไขไว้นิดหน่อย

Read More…

[Angular] สิ่งที่น่าสนใจจาก Developer survey 2020

นั่งอ่านบทความสรุปจากผลการสำรวจ Developer survey 2020 ของ Angularผลที่ออกมาน่าสนใจมาก ๆซึ่งน่าจะส่งผลต่อ roadmap ต่าง ๆ ของ Angular ที่จะออกมาใน version ต่อ ๆ ไปอีกด้วยมาดูกันนิดหน่อย

Read More…

Angular 9.1 :: build เร็วขึ้น และเลือก Test case ที่จะ run ใน End-to-End testing ได้

โดยใน Angular 9.1 นั้นเป็นการปรับปรุงและแก้ไขเป็นส่วนใหญ่ สิ่งที่น่าสนใจและที่กระทบกับที่ผมใช้งาน ประกอบไปด้วย การ build เร็วขึ้น จากการปรับปรุงการทำงานของ Ivy โดยสามารถ build หลาย ๆ  package พร้อมกันได้ สนับสนุน TypeScript 3.8 ใช้ TSLint 6.1 ปรับปรุง Angular

Read More…

ลองเล่น Angular 9 นิดหน่อย

เห็นว่า Angular 9 ใกล้จะปล่อยตัวจริงแล้วแน่นอนว่า มีการเปลี่ยนแปลงเยอะพอสมควรดังนั้นจึงลองเล่น Angular 9 RC กันไปก่อนเริ่มด้วยการติดตั้งก็แล้วกัน การติดตั้งก็ง่ายมาก ๆ คือ เป็นการติดตั้ง Angular CLI ซึ่งจะสร้าง Angular project ใน version 9.0.0-rc.12 จากนั้นทำการสร้าง project และ run ดังนี้ มีถามเกี่ยวกับ Angular Analytic ด้วย สวัสดีไปกับ Angular 9 RC

Read More…

ปัญหาการ build ของ project ที่สร้างด้วย Angular 8

ปัญหาที่เจอ เกิด error message หลังจากการ build ของ Angular 8 project ดังนี้ Failed to load module script: The server responded with a non-JavaScript MIME type of “text/plain”. Strict MIME type checking is enforced for module scripts per HTML spec การแก้ไขปัญหาในเบื้องต้น ไปดูใน GitHub issue ของ Angular เจอการแก้ไขปัญหาทำการแก้ไขไฟล์ tsconfig.json ด้วยการเปลี่ยนค่าของ target จาก es2015 เป็น es5 จากนั้นทำการ build ให้ [&hellip

Read More…