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

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:

<p ng-app="myApp">
<p ng-controller="myCtrl"></p>
</p>
<script>
var app = module("myApp",[]);
app.controller("myCtrl",function($scope){// 定义属性的值，传入视图层的表达式中。});
</script>

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!