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

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


AngularJS Directives

Directive Description
ng-app Defines the root element of an application.
ng-bind Binds the content of an HTML element to application data.
ng-bind-html Binds the innerHTML of an HTML element to application data, and also removes dangerous code from the HTML string.
ng-bind-template Specifies that the text content should be replaced with a template.
ng-blur Specifies a behavior on blur events.
ng-change Specifies an expression to evaluate when content is being changed by the user.
ng-checked Specifies if an element is checked or not.
ng-class Specifies CSS classes on HTML elements.
ng-class-even Same as ng-class, but will only take effect on even rows.
ng-class-odd Same as ng-class, but will only take effect on odd rows.
ng-click Specifies an expression to evaluate when an element is being clicked.
ng-cloak Prevents flickering when your application is being loaded.
ng-controller Defines the controller object for an application.
ng-copy Specifies a behavior on copy events.
ng-csp Changes the content security policy.
ng-cut Specifies a behavior on cut events.
ng-dblclick Specifies a behavior on double-click events.
ng-disabled Specifies if an element is disabled or not.
ng-focus Specifies a behavior on focus events.
ng-form Specifies an HTML form to inherit controls from.
ng-hide Hides or shows HTML elements.
ng-href Specifies a url for the <a> element.
ng-if Removes the HTML element if a condition is false.
ng-include Includes HTML in an application.
ng-init Defines initial values for an application.
ng-jq Specifies that the application must use a library, like jQuery.
ng-keydown Specifies a behavior on keydown events.
ng-keypress Specifies a behavior on keypress events.
ng-keyup Specifies a behavior on keyup events.
ng-list Converts text into a list (array).
ng-model Binds the value of HTML controls to application data.
ng-model-options Specifies how updates in the model are done.
ng-mousedown Specifies a behavior on mousedown events.
ng-mouseenter Specifies a behavior on mouseenter events.
ng-mouseleave Specifies a behavior on mouseleave events.
ng-mousemove Specifies a behavior on mousemove events.
ng-mouseover Specifies a behavior on mouseover events.
ng-mouseup Specifies a behavior on mouseup events.
ng-non-bindable Specifies that no data binding can happen in this element, or it's children.
ng-open Specifies the open attribute of an element.
ng-options Specifies <options> in a <select> list.
ng-paste Specifies a behavior on paste events.
ng-pluralize Specifies a message to display according to en-us localization rules.
ng-readonly Specifies the readonly attribute of an element.
ng-repeat Defines a template for each data in a collection.
ng-required Specifies the required attribute of an element.
ng-selected Specifies the selected attribute of an element.
ng-show Shows or hides HTML elements.
ng-src Specifies the src attribute for the <img> element.
ng-srcset Specifies the srcset attribute for the <img> element.
ng-style Specifies the style attribute for an element.
ng-submit Specifies expressions to run on onsubmit events.
ng-switch Specifies a condition that will be used to show/hide child elements.
ng-transclude Specifies a point to insert transcluded elements.
ng-value Specifies the value of an input element.

AngularJS Directives ในองค์ประกอบ HTML

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

Element Description
a AngularJS modifies the <a> element's default behaviors.
form AngularJS modifies the <form> element's default behaviors.
input AngularJS modifies the <input> element's default behaviors.
script AngularJS modifies the <script> element's default behaviors.
select AngularJS modifies the <select> element's default behaviors.
textarea AngularJS modifies the <textarea> element's default behaviors.

AngularJS กรอง

Filter Description
currency Format a number to a currency format.
date Format a date to a specified format.
filter Select a subset of items from an array.
json Format an object to a JSON string.
limitTo Limits an array, or a string, into a specified number of elements/characters.
lowercase Format a string to lower case.
number Format a number to a string.
orderBy Orders an array by an expression.
uppercase Format a string to upper case.

ฟิลเตอร์มีการอธิบายใน ตัวกรองเชิงมุม


AngularJS คุณสมบัติการตรวจสอบ

  • $ สกปรก
  • ที่ไม่ถูกต้อง $
  • ข้อผิดพลาด $

การตรวจสอบจะมีการอธิบายใน การตรวจสอบเชิงมุม


AngularJS ทั่วโลก API

แปลง

API Description
angular.lowercase() Converts a string to lowercase
angular.uppercase() Converts a string to uppercase
angular.copy() Creates a deep copy of an object or an array
angular.forEach() Executes a function for each element in an object or array

เปรียบเทียบ

API Description
angular.isArray() Returns true if the reference is an array
angular.isDate() Returns true if the reference is a date
angular.isDefined() Returns true if the reference is defined
angular.isElement() Returns true if the reference is a DOM element
angular.isFunction() Returns true if the reference is a function
angular.isNumber() Returns true if the reference is a number
angular.isObject() Returns true if the reference is an object
angular.isString() Returns true if the reference is a string
angular.isUndefined() Returns true if the reference is undefined
angular.equals() Returns true if two references are equal

JSON

API Description
angular.fromJSON() Deserializes a JSON string
angular.toJSON() Serializes a JSON string

ขั้นพื้นฐาน

API Description
angular.bootstrap() Starts AngularJS manually
angular.element() Wraps an HTML element as an jQuery element
angular.module() Creates, registers, or retrieves an AngularJS module

API ที่ทั่วโลกมีการอธิบายใน API เชิงมุม