ล่าสุดการพัฒนาเว็บบทเรียน
 

AngularJSตัวอย่าง


ลองตัวเอง

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

ตัวอย่าง AngularJS

<div ng-app="">

<p>Name: <input type="text" ng-model="name"></p>
<p>You wrote: {{ name }}</p>

</div>
ลองตัวเอง»

AngularJS ข้อมูลพื้นฐานเกี่ยวกับ

Directives AngularJS แรกของฉัน
Directives AngularJS แรกของฉัน (กับ HTML5 ที่ถูกต้อง)
ครั้งแรกของการแสดงออก AngularJS ของฉัน
การแสดงออก AngularJS ง่ายโดยใช้ตัวแปร
ครั้งแรกของฉัน AngularJS ควบคุม

AngularJS พื้นฐานอธิบาย


AngularJS นิพจน์

การแสดงออกที่เรียบง่าย
การแสดงออกโดยไม่ต้อง NG-App
การแสดงออกที่มีหมายเลข
ใช้ NG-ผูกกับเบอร์
การแสดงออกกับสตริง
ใช้ NG-ผูกกับสตริง
การแสดงออกกับวัตถุ
ใช้ NG-ผูกกับวัตถุ
การแสดงออกกับอาร์เรย์
ใช้ NG-ผูกกับอาร์เรย์

นิพจน์อธิบาย


AngularJS โมดูล

AngularJS ควบคุม
โมดูลและตัวควบคุมในแฟ้ม
เมื่อโหลด AngularJS

โมดูลอธิบาย


AngularJS Directives

AngularJS Directives
NG-รุ่น Directive
คำสั่ง NG-ซ้ำ (กับอาร์เรย์)
NG-ซ้ำ Directive (กับวัตถุ)
ทำให้การสั่งใหม่
การใช้คำสั่งใหม่เป็นองค์ประกอบ
การใช้คำสั่งใหม่เป็นแอตทริบิวต์
การใช้คำสั่งใหม่เป็นชั้น
การใช้คำสั่งใหม่เป็นความคิดเห็น
คำสั่งมีข้อ จำกัด

directives อธิบาย


AngularJS รุ่น

AngularJS รุ่น
รูปแบบที่มีสองทางที่มีผลผูกพัน
รูปแบบกับการตรวจสอบ
รูปแบบและมันเป็นเรื่องการตรวจสอบสถานะปัจจุบัน
ตั้งคลาส CSS เมื่อข้อมูลไม่ถูกต้อง

รุ่นอธิบาย


AngularJS ควบคุม

AngularJS ควบคุม
คุณสมบัติควบคุม
ฟังก์ชั่นควบคุม
ควบคุมใน JavaScript ไฟล์ฉัน
ควบคุมใน JavaScript ไฟล์ครั้งที่สอง

ควบคุมการอธิบาย


AngularJS ขอบเขต

ขอบเขต AngularJS
ขอบเขตอยู่ในซิงค์
ขอบเขตที่แตกต่างกัน
RootScope

ขอบเขตอธิบาย


AngularJS กรอง

การแสดงออกของตัวพิมพ์ใหญ่ตัวกรอง
การแสดงออกของตัวพิมพ์เล็กตัวกรอง
การแสดงออกของสกุลเงินกรอง
orderBy กรอง Directive
ตัวกรองการป้อนข้อมูล

ฟิลเตอร์อธิบาย


AngularJS XMLHttpRequest

อ่านไฟล์ JSON แบบคงที่

XMLHttpRequest อธิบาย


ตาราง AngularJS

แสดงตาราง (ง่าย)
แสดงตารางด้วย CSS
แสดงตารางที่มีตัวกรอง orderBy
แสดงตารางที่มีตัวกรองตัวพิมพ์ใหญ่
แสดงตารางที่มีดัชนี
แสดงตารางที่มีคู่และคี่

ตารางอธิบาย


AngularJS - อ่านจากทรัพยากร SQL

อ่านจากฐานข้อมูล MySQL
อ่านจากฐานข้อมูล SQL Server

เชิงมุม SQL อธิบาย


AngularJS HTML DOM

คำสั่ง NG-คนพิการ
NG-แสดง Directive
NG-แสดงขึ้นอยู่กับเงื่อนไข
NG-Directive ซ่อน

HTML DOM อธิบาย


เหตุการณ์ AngularJS

NG-คลิก Directive
NG-Directive ซ่อน
NG-แสดง Directive

เหตุการณ์ HTML อธิบาย


AngularJS แบบฟอร์ม

AngularJS แบบฟอร์ม
การตรวจสอบ AngularJS

รูปแบบเชิงมุมอธิบาย


AngularJS API

AngularJS angular.lowercase ()
AngularJS angular.uppercase ()
AngularJS angular.isString ()
AngularJS angular.isNumber ()

API อธิบาย


AngularJS W3.CSS

AngularJS ด้วย W3.CSS

W3.CSS อธิบาย


AngularJS รวม

AngularJS รวม HTML
รวมถึงตาราง containting รหัส AngularJS
รวมไฟล์จากโดเมนที่แตกต่างกัน

AngularJS รวม


AngularJS ภาพเคลื่อนไหว

AngularJS นิเมชั่น
รวมทั้งห้องสมุดภาพเคลื่อนไหวเป็นพึ่งพา
นิเมชั่นโดยใช้ CSS3 Transitions
นิเมชั่นโดยใช้ CSS3 ภาพเคลื่อนไหว

AngularJS ภาพเคลื่อนไหว


AngularJS การประยุกต์ใช้งาน

AngularJS หมายเหตุแอพลิเคชัน
AngularJS ประยุกต์ใช้สิ่งที่ต้องทำ

AngularJS การประยุกต์ใช้งาน