What is angularjs? Detailed explanation of angularjs (with examples included)

This article mainly introduces the introduction to angularjs, so that everyone can understand what angularjs is and what content of angularjs is included in the article. Let us read this article together now

Before learning angularjs, we first need to understand what is angularjs?

1. Angularjs is HTML specially designed for applications.

a: Angularjs binds application data to HTML.

b: angularjs can clone and repeat html.

c: angularjs can hide and show html.

d: angularjs can add code in html elements.

e: angularjs supports input validation.

angularjs is a Javascript framework, which extends html through instructions and binds data to html through expressions. There are many instructions set up in angularjs, through which we can easily complete complex tasks.

What is angularjs directive:

angularjs directive is an html attribute prefixed with ng.

For example:

<p ng-app=""></p>

The ng-app directive defines an angularjs application. (ng-app tells angularjs that the e388a4556c0f65e1904146cc1a846bee element is the "owner" of the angularjs application, which means that all subsequent methods, instructions, etc. we use in angularjs are completed in this "owner".) (Think To see more, go to the PHP Chinese website AngularJS Development Manual to learn)

angularjs expression:

angularjs expression The formula is written within double curly brackets: {{ }}.

angularjs expression binds data to html.

angularjs will "output" data where the expression is written. (That is to say, {{ }} is used to display the output data).

Expressions in angularjs can contain text, operators or defined function names, variables, etc.

For example:

{{1 * 2}}, {{myFunction()}}, {{firstName " " lastName}}

Angularjs application

The angularjs module (module) defines the angularjs application

angularjs controller (controller) is used to control the angularjs application

For example:

6c13a1a3b09fba4a8d7eb81e8b934aa9
dc47981a3d19b199b9afb13dba0bca4a94b3e26ee717c64999d7867364b1b4a3
94b3e26ee717c64999d7867364b1b4a3
3f1c4e4b6b16bbbd69b2ee476dc4f83a
var app = module("myApp",[]);
app.controller("myCtrl",function($scope){// 定义属性的值，传入视图层的表达式中。});
2cacc6d41bbb37262a98f745aa00fbf0

angularjs module definition application:

var app = angular.module("myApp",[]);

angularjs controller control application:

app.controller("",function($scope){// 定义属性的值，传入视图层的表达式中。});

Note: It is indispensable to define modules and controllers in angular.

Okay, this article ends here (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 question below.

The above is the detailed content of What is angularjs? Detailed explanation of angularjs (with examples included). For more information, please follow other related articles on the PHP Chinese website!