angularJS内置指令汇总
2017-03-15 00:00
686 查看
Directive components in ng
Name | Description |
---|---|
ngJq | Use this directive to force the angular.element library. This should be used to force either jqLite by leaving ng-jq blank or setting the name of the jquery variable under window (eg. jQuery). |
ngApp | Use this directive to auto-bootstrap an AngularJS application. The ngAppdirective designates the root element of the application and is typically placed near the root element of the page - e.g. on the <body>or <html>tags. |
a | Modifies the default behavior of the html a tag so that the default action is prevented when the href attribute is empty. |
ngHref | Using AngularJS markup like {{hash}}in an href attribute will make the link go to the wrong URL if the user clicks it before AngularJS has a chance to replace the {{hash}}markup with its value. Until AngularJS replaces the markup the link will be broken and will most likely return a 404 error. The ngHrefdirective solves this problem. |
ngSrc | Using AngularJS markup like {{hash}}in a srcattribute doesn't work right: The browser will fetch from the URL with the literal text {{hash}}until AngularJS replaces the expression inside {{hash}}. The ngSrcdirective solves this problem. |
ngSrcset | Using AngularJS markup like {{hash}}in a srcsetattribute doesn't work right: The browser will fetch from the URL with the literal text {{hash}}until AngularJS replaces the expression inside {{hash}}. The ngSrcsetdirective solves this problem. |
ngDisabled | This directive sets the disabledattribute on the element (typically a form control, e.g. input, button, selectetc.) if the expression inside ngDisabledevaluates to truthy. |
ngChecked | Sets the checkedattribute on the element, if the expression inside ngCheckedis truthy. |
ngReadonly | Sets the readonlyattribute on the element, if the expression inside ngReadonlyis truthy. Note that readonlyapplies only to inputelements with specific types. See the input docs on MDN for more information. |
ngSelected | Sets the selectedattribute on the element, if the expression inside ngSelectedis truthy. |
ngOpen | Sets the openattribute on the element, if the expression inside ngOpenis truthy. |
ngForm | Nestable alias of formdirective. HTML does not allow nesting of form elements. It is useful to nest forms, for example if the validity of a sub-group of controls needs to be determined. |
form | Directive that instantiates FormController. |
textarea | HTML textarea element control with AngularJS data-binding. The data-binding and validation properties of this element are exactly the same as those of the input element. |
input | HTML input element control. When used together with ngModel, it provides data-binding, input state control, and validation. Input control follows HTML5 input types and polyfills the HTML5 validation behavior for older browsers. |
ngValue | Binds the given expression to the value of the element. |
ngBind | The ngBindattribute tells AngularJS to replace the text content of the specified HTML element with the value of a given expression, and to update the text content when the value of that expression changes. |
ngBindTemplate | The ngBindTemplatedirective specifies that the element text content should be replaced with the interpolation of the template in the ngBindTemplateattribute. Unlike ngBind, the ngBindTemplatecan contain multiple {{ }}expressions. This directive is needed since some HTML elements (such as TITLE and OPTION) cannot contain SPAN elements. |
ngBindHtml | Evaluates the expression and inserts the resulting HTML into the element in a secure way. By default, the resulting HTML content will be sanitized using the $sanitize service. To utilize this functionality, ensure that $sanitizeis available, for example, by including ngSanitizein your module's dependencies (not in core AngularJS). In order to use ngSanitizein your module's dependencies, you need to include "angular-sanitize.js" in your application. |
ngChange | Evaluate the given expression when the user changes the input. The expression is evaluated immediately, unlike the JavaScript onchange event which only triggers at the end of a change (usually, when the user leaves the form element or presses the return key). |
ngClass | The ngClassdirective allows you to dynamically set CSS classes on an HTML element by databinding an expression that represents all classes to be added. |
ngClassOdd | The ngClassOddand ngClassEvendirectives work exactly as ngClass, except they work in conjunction with ngRepeatand take effect only on odd (even) rows. |
ngClassEven | The ngClassOddand ngClassEvendirectives work exactly as ngClass, except they work in conjunction with ngRepeatand take effect only on odd (even) rows. |
ngCloak | The ngCloakdirective is used to prevent the AngularJS html template from being briefly displayed by the browser in its raw (uncompiled) form while your application is loading. Use this directive to avoid the undesirable flicker effect caused by the html template display. |
ngController | The ngControllerdirective attaches a controller class to the view. This is a key aspect of how angular supports the principles behind the Model-View-Controller design pattern. |
ngCsp | AngularJS has some features that can conflict with certain restrictions that are applied when using CSP (Content Security Policy) rules. |
ngClick | The ngClick directive allows you to specify custom behavior when an element is clicked. |
ngDblclick | The ngDblclickdirective allows you to specify custom behavior on a dblclick event. |
ngMousedown | The ngMousedown directive allows you to specify custom behavior on mousedown event. |
ngMouseup | Specify custom behavior on mouseup event. |
ngMouseover | Specify custom behavior on mouseover event. |
ngMouseenter | Specify custom behavior on mouseenter event. |
ngMouseleave | Specify custom behavior on mouseleave event. |
ngMousemove | Specify custom behavior on mousemove event. |
ngKeydown | Specify custom behavior on keydown event. |
ngKeyup | Specify custom behavior on keyup event. |
ngKeypress | Specify custom behavior on keypress event. |
ngSubmit | Enables binding AngularJS expressions to onsubmit events. |
ngFocus | Specify custom behavior on focus event. |
ngBlur | Specify custom behavior on blur event. |
ngCopy | Specify custom behavior on copy event. |
ngCut | Specify custom behavior on cut event. |
ngPaste | Specify custom behavior on paste event. |
ngIf | The ngIfdirective removes or recreates a portion of the DOM tree based on an {expression}. If the expression assigned to ngIfevaluates to a false value then the element is removed from the DOM, otherwise a clone of the element is reinserted into the DOM. |
ngInclude | Fetches, compiles and includes an external HTML fragment. |
ngInit | The ngInitdirective allows you to evaluate an expression in the current scope. |
ngList | Text input that converts between a delimited string and an array of strings. The default delimiter is a comma followed by a space - equivalent to ng-list=", ". You can specify a custom delimiter as the value of the ngListattribute - for example, ng-list=" | ". |
ngModel | The ngModeldirective binds an input, select, textarea(or custom form control) to a property on the scope using NgModelController, which is created and exposed by this directive. |
ngModelOptions | This directive allows you to modify the behaviour of ngModeldirectives within your application. You can specify an ngModelOptionsdirective on any element. All ngModeldirectives will use the options of their nearest ngModelOptionsancestor. |
ngNonBindable | The ngNonBindabledirective tells AngularJS not to compile or bind the contents of the current DOM element. This is useful if the element contains what appears to be AngularJS directives and bindings but which should be ignored by AngularJS. This could be the case if you have a site that displays snippets of code, for instance. |
ngOptions | The ngOptionsattribute can be used to dynamically generate a list of <option>elements for the <select>element using the array or object obtained by evaluating the ngOptionscomprehension expression. |
ngPluralize | ngPluralizeis a directive that displays messages according to en-US localization rules. These rules are bundled with angular.js, but can be overridden (see AngularJS i18n dev guide). You configure ngPluralize directive by specifying the mappings between plural categories and the strings to be displayed. |
ngRepeat | The ngRepeatdirective instantiates a template once per item from a collection. Each template instance gets its own scope, where the given loop variable is set to the current collection item, and $indexis set to the item index or key. |
ngShow | The ngShowdirective shows or hides the given HTML element based on the expression provided to the ngShowattribute. |
ngHide | The ngHidedirective shows or hides the given HTML element based on the expression provided to the ngHideattribute. |
ngStyle | The ngStyledirective allows you to set CSS style on an HTML element conditionally. |
ngSwitch | The ngSwitchdirective is used to conditionally swap DOM structure on your template based on a scope expression. Elements within ngSwitchbut without ngSwitchWhenor ngSwitchDefaultdirectives will be preserved at the location as specified in the template. |
ngTransclude | Directive that marks the insertion point for the transcluded DOM of the nearest parent directive that uses transclusion. |
script | Load the content of a <script>element into $templateCache, so that the template can be used by ngInclude, ngView, or directives. The type of the <script>element must be specified as text/ng-template, and a cache name for the template must be assigned through the element's id, which can then be used as a directive's templateUrl. |
select | HTML selectelement with AngularJS data-binding. |
ngRequired | ngRequired adds the required validatorto ngModel. It is most often used for inputand selectcontrols, but can also be applied to custom controls. |
ngPattern | ngPattern adds the pattern validatorto ngModel. It is most often used for text-based inputcontrols, but can also be applied to custom text-based controls. |
ngMaxlength | ngMaxlength adds the maxlength validatorto ngModel. It is most often used for text-based inputcontrols, but can also be applied to custom text-based controls. |
ngMinlength | ngMinlength adds the minlength validatorto ngModel. It is most often used for text-based inputcontrols, but can also be applied to custom text-based controls. |
相关文章推荐
- AngularJS之内置指令汇总
- AngularJS学习笔记(四)内置指令
- AngularJS内置指令 ng-xxx
- AngularJS中的内置指令
- AngularJS内置指令
- AngularJS入门 、AngularJS控制器 、AngularJS常见的内置指令
- AngularJS快速入门4--内置指令
- AngularJS内置指令
- AngularJS内置指令之基础ng指令
- AngularJs常见内置指令 自定义指令
- AngularJS内置指令
- AngularJS常见内置指令以及控制器
- AngularJS内置指令
- AngularJs -- 内置指令
- AngularJS 内置的指令
- AngularJs内置指令大全
- AngularJS内置指令
- AngularJs内置指令大全
- 跟我学AngularJs:AngularJs内置指令大全
- AngularJS内置指令