Home  >  Article  >  Web Front-end  >  How much do you know about the built-in functions of angularjs? An introduction to the built-in functions of angularjs.

How much do you know about the built-in functions of angularjs? An introduction to the built-in functions of angularjs.

寻∝梦
寻∝梦Original
2018-09-08 12:01:121426browse

This article mainly introduces you to the built-in functions of angularjs, as well as many functions supported by angularjs. Next, let us read this article together

Let’s introduce the built-in functions of angularjs at the beginning:

  1. angular.lowercase: Convert the string to lowercase

  2. ##angular.uppercase: Convert the string to uppercase

  3. ##angular

    .forEach(obj, iterator, [context]) : Traverse a collection of objects. This function includes three parameters. The first parameter represents the object or array to be traversed, the second parameter is a function, and the third object is the current context (this);

    var values = {name: 'misko', gender: 'male'};
    var log = [];
    angular.forEach(values, function(value, key) {
      this.push(key + ': ' + value);
    }, log);
    expect(log).toEqual(['name: misko', 'gender: male']);

  4. angular.isUndefined(value); Determine whether value is undefined

  5. #angular. isObject(value); Determine whether value is an object, excluding null

  6. ##angular.isString(value ); Determine whether value is of type String

  7. ##angular.isNumber(value); Determine whether value is of type Number

  8. ##angular.isDate (value); Determine whether value is of Date type

  9. ##angular.isArray(value); Determine whether value is an array

  10. ##angular

    .isFunction(value); Determine whether value is a function type

  11. ##angular
  12. .isElement(value); Determine whether value is a DOM element, including JQuery encapsulated DOM##

  13. angular.equals(o1, o2); Determine whether two objects are equal

If one of the following conditions is met, they are considered two objects equal.

  • ## o1===o2 returns true

  • All attributes of o1 and o2 are equal through angular.equals comparison

  • o1, o2 are both NAN

  • Two identical regular expressions (/abc/=/abc/) return false in JavaScript and true in angular

13.angular.toJson(obj, pretty); Convert the object to json, obj: the object that needs to be converted, pretty: true or a number, true means retaining spaces and newlines in the object attribute value, set to one Numbers indicate removing spaces and newlines. The default value is 2, which removes spaces and newlines.

##14.angular.fromJson (json);Convert a json string into an object or object array.

15.angular.element(element);Wrap a native DOM or HTML string into a JQuery object.

angularjs has a built-in mini version of JQuery, JQlite(If you want to see more, go to the PHP Chinese website AngularJS Development ManualLearning)

supports the following functions:

  • ##addClass<span style="background-color:inherit;color:rgb(51,51,51);"></span>()<span style="background-color:inherit;color:rgb(51,51,51);"></span>

  • #after<span style="background-color:inherit;color:rgb(51,51,51);">()</span> <span style="background-color:inherit;color:rgb(51,51,51);"></span>

  • ##append

    ()<span style="background-color:inherit;color:rgb(51,51,51);"></span><span style="background-color:inherit;color:rgb(51,51,51);"></span>

  • attr

    ()<span style="background-color:inherit;color:rgb(51,51,51);"></span> - Does not support functions as parameters<span style="background-color:inherit;color:rgb(51,51,51);"></span>

  • bind

    ()<span style="background-color:inherit;color:rgb(51,51,51);"></span> - Does not support namespaces, selectors or eventData<span style="background-color:inherit;color:rgb(51,51,51);"></span>

  • ##children
  • ()<span style="background-color:inherit;color:rgb(51,51,51);"> - Does not support selectors</span><span style="background-color:inherit;color:rgb(51,51,51);"></span>

    ##clone
  • ()

    <span style="background-color:inherit;color:rgb(51,51,51);"></span><span style="background-color:inherit;color:rgb(51,51,51);"></span>

    contents
  • ()

    <span style="background-color:inherit;color:rgb(51,51,51);"></span>

  • <span style="background-color:inherit;color:rgb(51,51,51);">css</span><span style="background-color:inherit;color:rgb(51,51,51);">()</span> - Only retrieves inline-styles, does not call <span style="background-color:inherit;color:rgb(51,51,51);">getComputedStyle</span><span style="background-color:inherit;color:rgb(51,51,51);">()</span>

  • <span style="background-color:inherit;color:rgb(51,51,51);">data</span><span style="background-color:inherit;color:rgb(51,51,51);">()</span>

  • <span style="background-color:inherit;color:rgb(51,51,51);">detach</span><span style="background-color:inherit;color:rgb(51,51,51);">()</span>

  • <span style="background-color:inherit;color:rgb(51,51,51);">empty</span><span style="background-color:inherit;color:rgb(51,51,51);">()</span>

  • <span style="background-color:inherit;color:rgb(51,51,51);">eq</span><span style="background-color:inherit;color:rgb(51,51,51);">()</span>

  • <span style="background-color:inherit;color:rgb(51,51,51);">find</span><span style="background-color:inherit;color:rgb(51,51,51);">()</span> - Limited to lookups by tag name

  • <span style="background-color:inherit;color:rgb(51,51,51);">hasClass</span><span style="background-color:inherit;color:rgb(51,51,51);">()</span>

  • <span style="background-color:inherit;color:rgb(51,51,51);">html</span><span style="background-color:inherit;color:rgb(51,51,51);">()</span>

  • <span style="background-color:inherit;color:rgb(51,51,51);">next</span><span style="background-color:inherit;color:rgb(51,51,51);">()</span> - Does not support selectors

  • <span style="background-color:inherit;color:rgb(51,51,51);">on</span><span style="background-color:inherit;color:rgb(51,51,51);">()</span> - Does not support namespaces, selectors or eventData

  • <span style="background-color:inherit;color:rgb(51,51,51);">off</span><span style="background-color:inherit;color:rgb(51,51,51);">()</span> - Does not support namespaces or selectors

  • <span style="background-color:inherit;color:rgb(51,51,51);">one</span><span style="background-color:inherit;color:rgb(51,51,51);">()</span> - Does not support namespaces or selectors

  • <span style="background-color:inherit;color:rgb(51,51,51);">parent</span><span style="background-color:inherit;color:rgb(51,51,51);">()</span> - Does not support selectors

  • <span style="background-color:inherit;color:rgb(51,51,51);">prepend</span><span style="background-color:inherit;color:rgb(51,51,51);">()</span>

  • <span style="background-color:inherit;color:rgb(51,51,51);">prop</span><span style="background-color:inherit;color:rgb(51,51,51);">()</span>

  • ##ready<span style="background-color:inherit;color:rgb(51,51,51);"></span>()<span style="background-color:inherit;color:rgb(51,51,51);"></span>

  • remove<span style="background-color:inherit;color:rgb(51,51,51);"></span>()<span style="background-color:inherit;color:rgb(51,51,51);"></span>

  • ##removeAttr()<span style="background-color:inherit;color:rgb(51,51,51);"></span>

  • removeClass()<span style="background-color:inherit;color:rgb(51,51,51);"></span>

  • removeData()<span style="background-color:inherit;color:rgb(51,51,51);"></span>

  • ##replaceWith

    ()<span style="background-color:inherit;color:rgb(51,51,51);"></span><span style="background-color:inherit;color:rgb(51,51,51);"></span>

  • text

    ()<span style="background-color:inherit;color:rgb(51,51,51);"></span><span style="background-color:inherit;color:rgb(51,51,51);"></span>

  • toggleClass

    ()<span style="background-color:inherit;color:rgb(51,51,51);"></span><span style="background-color:inherit;color:rgb(51,51,51);"></span>

  • ##triggerHandler
  • () - Passes a dummy event object to handlers.<span style="background-color:inherit;color:rgb(51,51,51);"></span>

  • unbind
  • () - Does not support namespaces<span style="background-color:inherit;color:rgb(51,51,51);"></span>

    ##val
  • ()

    <span style="background-color:inherit;color:rgb(51,51,51);"></span><span style="background-color:inherit;color:rgb(51,51,51);"></span>

    wrap
  • ()

    <span style="background-color:inherit;color:rgb(51,51,51);"></span><span style="background-color:inherit;color:rgb(51,51,51);"></span>##Okay, this article is over ( If you want to see more, go to the PHP Chinese website

    AngularJS User Manual
  • to learn). If you have any questions, you can leave a message below.

The above is the detailed content of How much do you know about the built-in functions of angularjs? An introduction to the built-in functions of angularjs.. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn