บทช่วยสอน JS เชิงมุม


AngularJS ขยาย HTML ด้วยแอตทริบิวต์ใหม่

AngularJS เหมาะสำหรับ Single Page Applications (SPA)

AngularJS นั้นง่ายต่อการเรียนรู้

เริ่มเรียนรู้ AngularJS ทันที »

บทช่วยสอนนี้

บทช่วยสอนนี้ออกแบบมาเป็นพิเศษเพื่อช่วยให้คุณเรียนรู้ AngularJS ได้อย่างรวดเร็วและมีประสิทธิภาพมากที่สุด

ขั้นแรก คุณจะได้เรียนรู้พื้นฐานของ AngularJS: directives, expressions, filters, modules, and controllers

จากนั้น คุณจะได้เรียนรู้ทุกสิ่งที่คุณจำเป็นต้องรู้เกี่ยวกับ AngularJS:

กิจกรรม, DOM, แบบฟอร์ม, อินพุต, การตรวจสอบความถูกต้อง, Http และอื่นๆ


ลองด้วยตัวคุณเอง ตัวอย่างในทุกบท

ในทุกบท คุณสามารถแก้ไขตัวอย่างทางออนไลน์ และคลิกที่ปุ่มเพื่อดูผลลัพธ์

ตัวอย่าง AngularJS

<!DOCTYPE html>
<html lang="en-US">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<body>

<div ng-app="">
  <p>Name : <input type="text" ng-model="name"></p>
  <h1>Hello {{name}}</h1>
</div>

</body>
</html>


สิ่งที่คุณควรรู้อยู่แล้ว

ก่อนที่คุณจะศึกษา AngularJS คุณควรมีความเข้าใจพื้นฐานเกี่ยวกับ:


ประวัติ AngularJS

AngularJS เวอร์ชัน 1.0 เปิดตัวในปี 2555

Miško Hevery พนักงาน Google เริ่มทำงานกับ AngularJS ในปี 2009

แนวคิดนี้ออกมาดีมาก และตอนนี้ Google สนับสนุนโครงการอย่างเป็นทางการแล้ว


ตัวอย่าง AngularJS

กวดวิชา AngularJS ของ W3Schools มีตัวอย่าง AngularJS มากมาย!

ตัวอย่าง AngularJS


การอ้างอิง AngularJS

การอ้างอิง AngularJS มีคำสั่งและตัวกรองทั้งหมดที่ใช้ในบทช่วยสอนนี้

การอ้างอิง AngularJS