Tags:

ถ้าเทียบกับเขียนแบบ component
พอดีใช้ template bootstrap ที่ซับซ้อนมาพอทำเป็น component แล้ว เอามาใช้ไม่ถูกเลย
แถมพวก library อื่นๆเวลาจะทำ slider อีกเป็นต้น แทรก .js ยังไงหล่ะครับ

Get latest news from Blognone
By: hisoft
ContributorWindows PhoneWindows
on 15 September 2018 - 01:06 #1070960
hisoft's picture

หมายถึงใน component จะไม่ใส่สคริปต์แต่เอาสคริปต์ไปใส่ไว้ template เหรอครับ? หรือยังไง?


The Phantom Thief

ฮือ อัพรูปเป็น gif ไม่ได้ (T-T)

By: checkmate95
Android
on 15 September 2018 - 01:35 #1070961
checkmate95's picture
  1. ถ้าเข้าใจไม่ผิดน่าจะหมายถึงการเขียน template html แยกออกมาเป็นไฟล html จาก component.ts หรือเปล่า ถ้าใช่ก็ไม่มีอะไรเลยครับแค่ทำให้ความสะดวกในการจัดการ และ readability ล้วนๆ
    ดูเพิ่มเติมที่ rule of one
  2. การเพิ่ม third party lib ใน angular ต้องเข้าใจเรื่อง typings ของ typescript สักหน่อย แต่ถ้าเอาแบบง่ายสุด ไปตรงนี้เลยครับ
    Global scripts
    3rd Party Library Installation

ดูๆแล้วน่าจะเพิ่งเริ่มจับ Angular แนะนำให้ลองทำตาม Tutorial ก่อนเอาถึงแค่บท 7 ก็พอ
แล้วก็อ่าน fundamental ไล่ไปเลยครับแต่ข้ามหัวข้อ architecture ไปเลยก็ได้ ไม่งั้นยิ่งทำเดี่ยวยิ่งเละครับ

และแนะนำให้อ่าน Stories describing how to do more with the CLI ด้วยครับ มีประโยชน์มากบางอันสำคัญแต่ไม่ได้เขียนไว้หน้าเว็บของ angular

By: Alphonse
iPhoneWindows PhoneAndroidWindows
on 15 September 2018 - 01:50 #1070964

คือแบบนี้
ถ้าเขียนแบบ http://domain/index.html หรือไฟล์อื่นไปแบบ html จะมีข้อเสียอย่างไรบ้างเทียบกับเขียนแบบ
Http://Domain/page
ครับ
พอดีไม่ค่อยเจอเวปที่เขียนแบบแรกเลยมีปัญหาพวก securityรึเปล่า แต่ที่สนใจเพราะใช้ bootstrap ที่ซับซ้อนมากทำแบบแรกจะง่ายกว่ากันเยอะเลยครับ

By: Alphonse
iPhoneWindows PhoneAndroidWindows
on 15 September 2018 - 09:38 #1070981

ถามต่อ ครับ
สามารถเขียนในรูปแบบ http://domain/index.html ให้เป็นแบบ Http://Domain/page ได้ยังไงครับ server ใช้ firebase ถ้าเหมือน apache จะเป็น mod_rewrite ใช่ไหมครับ

By: hisoft
ContributorWindows PhoneWindows
on 15 September 2018 - 15:16 #1071010 Reply to:1070981
hisoft's picture

ไม่เข้าใจคำถามครับ


The Phantom Thief

ฮือ อัพรูปเป็น gif ไม่ได้ (T-T)

By: JavaDevil
iPhoneUbuntuIn Love
on 15 September 2018 - 23:01 #1071041 Reply to:1070981

ทำให้ Firebase rewrite เป็น single page แล้ว ใช้ Angular routing น่าจะได้แบบที่ต้องการ

By: rattananen
AndroidWindows
on 19 September 2018 - 12:49 #1071861 Reply to:1070981

มันใช้ route ของ framework นั้นล่ะครับ
แต่ต้องมีเทคนิคกับ server นิดหน่อย คือถ้า 404 page not found ก็ให้ server เรียก index.html ส่งกลับไปแทน
ทีนี้ script ที่อยู่ใน index.html ก็จะเอา location ที่มัน not found ไป route อีกที

ที่เหลือจะออกแบบ route ให้มันบรรเจิดยังไงก็อยู่ที่คนเขียนแล้วล่ะครับ

By: mix5003
AndroidUbuntuWindows
on 15 September 2018 - 22:44 #1071039

ไม่เข้าใจคำถาม

แต่เดาว่าถามเกี่ยวกับ router ประมาณว่าจะไม้ใช่ router ของมัน แต่สร้าง .html แยกแต่ละหน้าใช่ไหมครับ

ถ้าใช่ ปัญหาก้คือทำ dynamic route ไม่ได้เช่น http://domain/article/1 = เรียกบทความ id 1 ที่เหลือคือไม่ค่อยมีใครทำกัน เพราะแบบแรกทำแล้วครอบคลุมกว่า เลยไม่รู้จะทำแยกหน้าทำไม ถ้ายากทำก้ต้องเขียน build tools เอาเอง กับถ้าแบบแยกหน้าดูแล code ยากกว่า เช่นถ้า component A ถูกใช้ในหน้า B และ C ถ้า component A ถูกแก้ต้องตามไป build B กับ C ใหม่ ประมาณนี้มั้งครับ

By: akira on 16 September 2018 - 20:58 #1071228

มันเขียนได้ทั้งหลายแบบครับ ขึ้นอยู่กับความถนัด แยกไฟล์ข้อดีคือมัน Maintenance ง่าย มันแยกส่วน Present ออกไปชัดเจนเลย ทำให้เวลาต้องแก้ไขคำ หรือแก้ไข Design มันกระทบน้อย หรืออาจจะให้ Designer แก้ไขเลยได้ รู้แค่ Tag Template ก็แก้ไขได้แล้ว

ส่วนเรื่องความเร็ว หรือ Security ไม่ต้องห่วงหรอกครับเวลามันจะเอาไปใช้งานมันจะ Build ใหม่จาก Type Script เป็น js อีกทีนึง เวลามันเรียกใช้งานก็เรียกจาก js ปรกติ

มันเขียนได้หลายแบบ
- แบบไฟล์ HTML เป็น Page แล้วใช้ Type Script คุม
- แบบไฟล์ HTML เป็น Page เขียนส่วนต่างๆ เป็น Component เป็น Type Script มาประกอบร่างกันอีกที
- แบบไฟล์ HTML เป็น Page เขียนส่วนต่างๆ เป็น Component แยก View ของ Component เป็น HTML ก็ได้

ส่วน่ใหญ่ผมใช้แบบข้อ 2 เป็นหลัก เพราะข้อ 3 มันย่อยไปเวลาแก้ไไฟล์ทีมันหายาก ยิ่งตั้งชื่อไฟล์ไม่ดีหากันลืม จริงๆ แล้วคุณใช้ View เป็น Bootstrap เลยก็ได้นะ ถ้าไม่ถนัด Angular UI ถ้าคุณเข้าใจมันเพียงพอ มันทำได้อยู่แล้วเอา Bootstrap มาทำเป็น Component เลยยังได้

By: waroonh
Windows
on 26 September 2018 - 09:41 #1072849

ยังอยู่มั้ยครับ

http://domain/index.html (อันนี้โครงสร้าง ก่อน MVC)

Http://Domain/page (อันนี้ โครงสร้างคือ MVC)

ก่อน MVC คือวาง file ไว้ใน directory แล้วเรียกผ่าน IIS หรือ Apache
MVC มีโครงสร้างของมัน ต้องวางตามที่กำหนด แล้ว ไปกำหนด Route Config เอา
สรุปคือ ต้องอ่าน หนังสือซักเล่ม เอาตรงปกเลยก็ MVC ซัก Version หนึ่ง ให้รู้โครงสร้างของ MVC ก่อนนะครับ ใจเย็นๆ

By: checkmate95
Android
on 3 October 2018 - 20:10 #1074223 Reply to:1074178
checkmate95's picture

คาถาอัญเชิญ admin :D