End-to-end solution AngularJS tries to be an end-to-end solution for WEB applications. AngylarJS is distinguished by data binding, basic template identifiers, form validation, routing, deep wiring, component reuse, dependency injection. Testing includes unit testing, segment peer testing, simulation, and automated testing frameworks.

AngularJS is an architectural framework designed for dynamic WEB applications. It allows you to use HTML as a template language, extending THE SYNTAX of HTML so that you can build your application components more clearly and succinctly. What’s new is that with data binding and dependency injection, you don’t have to write a lot of code anymore. This is all done in browser-side Javascript, which makes it perfect for any server-side technology. Hello World

<html ng-app>
<head lang="en"> &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; <meta charset="UTF-8"> &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; <title></title> &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; <script src="angular.min.js"></script> </head> &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; <body> &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; Hello {{'World'}} <! When the page loads, the ng-app tag tells AngularJS to process the entire HTML page and bootstrap the app. --> &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; </body>Copy the code

Notice that {{}} marked with double braces is the expression bound in the greeting, which is a simple string ‘World’.

Hello {{‘World’}}

&emsp; Hello AngularJS World &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; <Doctype html> &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; <html ng-app> &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; <head lang="en"> &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; <meta charset="UTF-8"> &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; <title></title> &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; <script src="angular.min.js"></script> &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; </head> &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; <body> &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; Your name:<inputtype="text" ng-model="yourname" placeholder="world"> <! -- Text input instruction <input ng-model="yourname"/> Bind to a model variable called yourname &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; The double brace tag adds the YourName model variable to the greeting text. --> &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; <hr> &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; Hello {{yourname ||'World'}} instead! &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; </body> &emsp; &emsp; &emsp; &emsp; </html>Copy the code

Ng – app instructions

&emsp; <html lang="en" ng-app>
Copy the code

The ng-app directive marks the scope of AngularJS scripts. In both AngularJS script scopes, developers also use ng-app directives locally, such as

, then the AngurJS script is only in the

In the running.

Angular JS script tags:

&emsp; <script src="lib/angular/angular.js"></script>
Copy the code

Load the Angular. js script, which will be executed when the browser loads the entire HTML page at night. The angular.js script will look for the HTML tag containing the ng-app directive, which defines the scope of the AngularJS application.

Expressions bound with double braces:

&emsp; <p>Nothing here {{'yet'+'! '}}</p>
Copy the code

This binding consists of double curly braces {{}} and the expression ‘yet’ + ‘! ‘. This binding tells AngularJS to evaluate the expression and insert the result into the DOM. As you’ll see in the next steps, the DOM is free to express changes in the result and actually update.

Templates for AngularJS applications

Templates are files that you write in HTML and CSS that present a view of your application. You give HTML new elements, attribute tags, as instructions to the AngularJS compiler, which is fully extensible. This means that it is fully extensible through the AngularJS compiler, which means that AngularJS allows you to build your own HTML tags in HTML!

Application Logic and Behavior

Application logic and behavior are controllers that you define with JavaScrip. Unlike standard AJAX applications, you don’t need to write additional listeners or DOM controllers because they are already built into AngularJS. These features make your application logic easy to write, test, maintain, and understand.

Model Data

Models are derived from properties of AngularJS scoped objects. It doesn’t matter whether the data in the model is Javascript objects, arrays, or primitive types. All that matters is that they all belong to AngularJS scoped objects. AngularJS uses scopes to keep the data model bidirectional with the view UI. AngularJS refreshes the view interface whenever a model state changes, and vice versa.

In addition, AngularJS provides some very useful service features:

1. The underlying services retain dependency injection, XHR, caching, URL routing and browser abstraction services. 2. You can also extend and add your own application services. 3. These services make it easy for you to write WEB applications.

Why do we use AngularJS? 1. Less code, more power, Angular data lists; Angular adds numbers to one.

2.AngularJS leads the front-end into the MVC era, which stands for Model-View-Controller; Model – View – Controller; MVC is a web application development pattern.

The Model is the core of an application. It refers to the application storing data in a database. A View is an application interface that presents data from a database to the user of the application. The Controller handles user interactions, and the user changes data that the Controller receives and sends to the model.

Based on the fact that AngularJs wraps several directives itself, one page can display CRUD and one page can display an enterprise application, both MVVM and model bidirectional binding. One time to develop multiple versions to enjoy, saving the cost of learning Java, OC,.NET, artists to make a self-adaptive interface of various screen browsers.

BAT has its own JS framework and Css framework. For these grassroots programmers, we can use a handsome JS framework and Css framework. How much time is saved, and the key is the better care user experience we need in the 21st century.

Conclusion Thank you for your watch, if there are shortcomings, welcome to criticize.