บทความ Angular
- Details
- Written by มาสเตอร์ อึ่ง
- Category: บทความ Angular
- Hits: 11391
จาก คอร์ส สอนเขียนโปรเจ็คส่วนตัว พอดี น้องเขาทำ Angular https://www.androidthai.in.th/private-project-android-course-team.html มีการทำ Form เลย น่าจะมีประโยชน์ เลยขอแชร์นิดครับ
กรอก อะไร? บางอย่าง และ มาแสดง ใน Body แบบนี่ครับ
- Details
- Written by มาสเตอร์ อึ่ง
- Category: บทความ Angular
- Hits: 8651
หลังจากที่เราได้โค้ด Andgular เสร็จแล้วและต้องการ อัพโหลดไป Server เราจะ Deploy Code Angular อย่างไร ?
ng build --prod --deploy-url http://ชื่อเว็บและPath --base-href http://ชือเว็บและPath
จากตัวอย่างนี่ครับ
สักพัก Angular จะ Deploy ไฟร์ และ โฟวเตอร์ ของ โปรเจ็ค Angular ที่เราจะอัพโหลดไป Server ไว้ที่ โฟวเตอร์ dist
- Details
- Written by มาสเตอร์ อึ่ง
- Category: บทความ Angular
- Hits: 6158
ตามหัวข้อเลยครับ สำหรับ น้องๆที่มาเรียน Angular กับมาสเตอร์ แล้วดึงโค้ดจาก GitHub โดยการ git clone โค้ดเปิดด้วย VS code ได้ แต่พอ ng serve จะได้ผลแบบนี้
ลอง พิมพ์คำสั่ง ng serve
อ้าว ??? รันไม่ได้ แล้วจะแก้อย่างไร ? ตามมาสเตอร์ มาครับ
สังเกตุว่า โค้ดที่เราโคลนมาจะไม่มี โฟลเดอร์ node_modules นะครับ
Read more: แก้ปัญหา Clone Angular จาก GitHub แล้ว ng server ไม่ได้
- Details
- Written by มาสเตอร์ อึ่ง
- Category: บทความ Angular
- Hits: 5006
ว่าจะเขียนบทความนี่มาหลายทีแล้ว พอดี คอร์ส สอนโปรเจ็กตัวต่อตัว http://www.androidthai.in.th/private-project-android-course-team.html คนเรียนมีการใช้ Angular 6 cli มาก่อน ต้องการอัพ ไป Angular 7CLI ต้องทำอย่างไร ?
สิ่งแรกใช้คำสั่ง
ng --version
เพื่อทำการหาก่อนว่า เวอร์ชั่นปัจจุบันของ Angular ของตัวเองเป็นอะไร ? เมื่อได้เช็คว่า Angualar เวอร์ชันปัจจุบันของเราเป็น เวอร์ชั่น 6 ต้องถอดออกก่อน
โดยใช้คำสั่ง
sudo npm uninstall -g angular-cli
สำหรับ คนใช้แมค จะมี sudo นำหน้า แต่ถ้า Windows ให้ npm ไปได้เลยครับ แล้ว รอ รอ รอ
สำหรับแมค ให้กรอก Password เครื่อง และ รอ รอ รอ
- Details
- Written by มาสเตอร์ อึ่ง
- Category: บทความ Angular
- Hits: 5875
npm หรือ node package manager เมื่อใช้มาสักพักจะมีการขออัพเดท ครับ
เมื่อถ้าเราใช้คำสั่ง ng ไปทำอะไร ? เช่น การสร้างโปรเจ็ค Angular ถ้า npm เราไม่อัพเดท จะขึ้นข้อความเดือนแบบนี้
ลองเช็คเวอร์ขั่น npm ซิ โดยการใช้คำสั่ง npm --version
- Details
- Written by มาสเตอร์ อึ่ง
- Category: บทความ Angular
- Hits: 6953
โจทย์ เป็นอย่างนี่ เราต้องการใช้ Front End Framwork อย่าง Bootstrap บน Angular ต้องทำอย่างไร ? เริ่มจากเรา สร้างโปรเจ็ค Angular เสร็จแล้ว ใครยังไม่ได้สร้างไปดูที่ http://androidthai.in.th/android-article-2/80-create-new-project-angular ครับ
ไปที่ Terminal ใน VS code ให้พิมพ์คำสั่ง nam install --save bootstrap เพื่อติดตั้ง Bootstrap
ต่อ เน็ตด้วยละ
ได้มาละ Bootstrap ของเรา แต่แค่นี่ยังไม่ทำงานครับ ยังขาด jQuery ครับ