คู่มืออ้างอิง AngularJS

AngularJS อินตริกเซียน

指令 รายละเอียด
ng-app 定义应用程序的根元素。
ng-bind 将 HTML 元素的内容绑定到应用程序数据。
ng-bind-html 将 HTML 元素的 innerHTML 绑定到应用程序数据,并从 HTML 字符串中删除危险代码。
ng-bind-template 特指将文本内容替换为模板。
ng-blur 特指模糊事件的行为。
ng-change 特指在用户更改内容时要计算的表达式。
ng-checked 特指元素是否被选中。
ng-class 特指在 HTML 元素上的 CSS 类。
ng-class-even 与 ng-class 相同,但仅对偶数行生效。
ng-class-odd 与 ng-class 相同,但仅对奇数行生效。
ng-click 特指在元素被点击时要计算的表达式。
ng-cloak 防止在加载应用程序时出现闪烁。
ng-controller 定义应用程序的控制器对象。
ng-copy 特指在复制事件上执行的行为。
ng-csp เปลี่ยนนโยบายความปลอดภัยเนื้อหา
ng-cut กำหนดพฤติกรรมที่จะทำเมื่อเกิดเหตุการณ์ cut
ng-dblclick กำหนดพฤติกรรมที่จะทำเมื่อเกิดเหตุการณ์ double click
ng-disabled กำหนดว่าองค์ประกอบนี้ดูเหมือนจะถูกบล็อก
ng-focus กำหนดพฤติกรรมที่จะทำเมื่อเกิดเหตุการณ์ focus
ng-form กำหนดฟอร์ม HTML ที่จะสืบทอดควบคุม
ng-hide ซ่อนหรือแสดงองค์ประกอบ HTML
ng-href กำหนด URL ขององค์ประกอบ <a>
ng-if ลบองค์ประกอบ HTML หากเงื่อนไขเป็น false
ng-include รวม HTML ในโปรแกรม
ng-init กำหนดค่าตั้งต้นของโปรแกรม
ng-jq กำหนดที่จะใช้ไลบรารีที่ต้องการในโปรแกรม
ng-keydown กำหนดพฤติกรรมที่จะทำเมื่อเกิดเหตุการณ์ keydown
ng-keypress กำหนดพฤติกรรมที่จะทำเมื่อเกิดเหตุการณ์ keypress
ng-keyup กำหนดพฤติกรรมที่จะทำเมื่อเกิดเหตุการณ์ keyup
ng-list แปลงข้อความเป็นรายการ (ตัวแปรแบบแอร์เรย์)
ng-maxlength กำหนดจำนวนตัวอักษรขั้นสูงสุดที่อนุญาตให้ใส่ในช่องบันทึก
ng-minlength กำหนดจำนวนตัวอักษรขั้นต่ำที่อนุญาตให้ใส่ในช่องบันทึก
ng-model ผูกค่าของควบคุม HTML กับข้อมูลในโปรแกรม
ng-model-options กำหนดวิธีที่จะทำการปรับปรุงโมเดล
ng-mousedown กำหนดพฤติกรรมที่จะทำเมื่อเกิดเหตุการณ์ mousedown
ng-mouseenter กำหนดพฤติกรรมที่จะทำเมื่อเกิดเหตุการณ์ mouseenter
ng-mouseleave กำหนดพฤติกรรมที่จะทำเมื่อเกิดเหตุการณ์ mouseleave
ng-mousemove กำหนดพฤติกรรมที่จะทำเมื่อเกิดเหตุการณ์ mousemove
ng-mouseover กำหนดพฤติกรรมที่จะทำเมื่อเกิดเหตุการณ์ mouseover
ng-mouseup กำหนดพฤติกรรมที่จะทำเมื่อเกิดเหตุการณ์ mouseup
ng-non-bindable กำหนดองค์ประกอบหรือลูกขององค์ประกอบนี้ไม่สามารถทำการบอกความหมายข้อมูลได้
ng-open กำหนดคุณสมบัติ open ขององค์ประกอบ
ng-options กำหนด <options> ในรายการ <select>
ng-paste กำหนดพฤติกรรมที่จะทำเมื่อเกิดเหตุการณ์ paste
ng-pluralize กำหนดข้อความที่จะแสดงตามกฎการท้องถิ่น en-us
ng-readonly กำหนดคุณสมบัติ readonly ขององค์ประกอบ
ng-repeat เพื่อกำหนดตัวอย่างสำหรับข้อมูลในชุด
ng-required กำหนดคุณสมบัติ required ขององค์ประกอบ
ng-selected กำหนดคุณสมบัติ selected ขององค์ประกอบ
ng-show แสดงหรือซ่อนองค์ประกอบ HTML
ng-src กำหนดคุณสมบัติ src ขององค์ประกอบ <img>
ng-srcset กำหนดคุณสมบัติ srcset ขององค์ประกอบ <img>
ng-style กำหนดคุณสมบัติ style ขององค์ประกอบ
ng-submit กำหนดการแสดงที่จะปฏิบัติตามเมื่อเกิดเหตุการณ์ onsubmit
ng-switch กำหนดเงื่อนไขที่จะใช้สำหรับแสดง/ซ่อนองค์ประกอบลูก
ng-transclude กำหนดจุดที่จะใส่องค์ประกอบที่ถูกฝัง
ng-value กำหนดค่าขององค์ประกอบ input

คำสั่ง AngularJS บนองค์ประกอบ HTML

AngularJS ได้เปลี่ยนพฤติกรรมเริ่มต้นขององค์ประกอบ HTML บางองค์ประกอบ

องค์ประกอบ รายละเอียด
a AngularJS ได้เปลี่ยนพฤติกรรมเริ่มต้นขององค์ประกอบ <a> แล้ว
form AngularJS ได้เปลี่ยนพฤติกรรมเริ่มต้นขององค์ประกอบ <form> แล้ว
input AngularJS ได้เปลี่ยนพฤติกรรมเริ่มต้นขององค์ประกอบ <input> แล้ว
script AngularJS ได้เปลี่ยนพฤติกรรมเริ่มต้นขององค์ประกอบ <script> แล้ว
select AngularJS ได้เปลี่ยนพฤติกรรมเริ่มต้นขององค์ประกอบ <select> แล้ว
textarea AngularJS ได้เปลี่ยนพฤติกรรมเริ่มต้นขององค์ประกอบ <textarea> แล้ว

AngularJS ฟิลเตอร์

ฟิลเตอร์ รายละเอียด
currency จะรู้จักตัวเลขเป็นรูปแบบเงิน
date จะรู้จักวันที่เป็นรูปแบบที่กำหนด
filter จะเลือกชุดขององค์ประกอบจากลำดับ
json จะรู้จักตัวเป้าหมายเป็นตัวอักษร JSON
limitTo จะจำกัดลำดับหรือตัวอักษรเป็นจำนวนช่วงเวลาที่กำหนด
lowercase จะรู้จักตัวอักษรเป็นตัวเล็ก
number จะรู้จักตัวเลขเป็นตัวอักษร
orderBy จะจัดระเบียบลำดับแบบลิสต์ด้วยอุปสรรค์
uppercase จะรู้จักตัวอักษรเป็นหลักภาษาอังกฤษ

ดูเพิ่มเติม:

ตัวอย่างการสอน:ฟิลเตอร์ Angular

ขอบเขตการตรวจสอบ AngularJS

  • $dirty
  • $invalid
  • $error

ดูเพิ่มเติม:

ตัวอย่างการสอน:การตรวจสอบ Angular

API โลกกว้าง AngularJS

การแปลง

API รายละเอียด
angular.lowercase() จะแปลงตัวอักษรเป็นตัวเล็ก
angular.uppercase() จะแปลงตัวอักษรเป็นหลักภาษาอังกฤษ
angular.copy() 创建对象或数组的深层副本。
angular.forEach() 为对象或数组中的每个元素执行函数。

比较

API รายละเอียด
angular.isArray() 如果引用是数组,则返回 true。
angular.isDate() 如果引用是日期,则返回 true。
angular.isDefined() 如果已定义引用,则返回 true。
angular.isElement() 如果引用是 DOM 元素,则返回 true。
angular.isFunction() 如果引用是函数,则返回 true。
angular.isNumber() 如果引用是数字,则返回 true。
angular.isObject() 如果引用是对象,则返回 true。
angular.isString() 如果引用是字符串,则返回 true。
angular.isUndefined() 如果未定义引用,则返回 true。
angular.equals() 如果两个引用相等,则返回 true。

JSON

API รายละเอียด
angular.fromJson() 接收 JSON 字符串并返回 JavaScript 对象。
angular.toJson() 接收 JavaScript 对象并返回 JSON 字符串。

พื้นฐาน

API รายละเอียด
angular.bootstrap() เริ่มงาน AngularJS ด้วยมือ
angular.element() ทำนายองค์ประกอบ HTML ให้เป็นองค์ประกอบ jQuery
angular.module() สร้าง ลงทะเบียน หรือ ค้นหา AngularJS มอดูล

ดูเพิ่มเติม:

ตัวอย่างการสอน:Angular API