NG2 Getting Started-architecture

AngularJS2 Learning

After typescript, finally to the NG2 study path, the same study according to the angular official website documents, the contents of the document according to their own understanding of a slight change. Crossing can crossing Web documents, you can also see this series blog

First of all, according to the official website recommended to learn the Hero tutorial, covering the majority of NG knowledge points. It's back to the architecture section of the Development Guide.

The first thing to understand is what NG is, and Ng is a front-end frame version that is already popular with developers, and Ng2 's release is disruptive to Ng1 because NG1 is no longer suitable for modern web development. Ng2 absorbed the advantages of ng1 and added a lot of new features, NG2 use typescript development (of course not to use it) if you have not learned typescript students suggest that you can learn first.

Benefits of Ng2

Speed and performance, modularity, unit testing, multiplexing, dependency injection ...

Use Ng2 to easily and elegantly write beautiful front-end code, Google Team support, a large number of components to use, can say no worries.

Architecture

The general NG2 application is to write HTML templates using the angular extension syntax, manage these templates with the component classes, add logic apps with the service, and package the publishing components and services with modules

The boot root module is used to launch the app, and angular will take over and show the app in the browser.

Panorama

The figure is divided into eight core building blocks in Ng

Modules (module)

Components (component)

Templates (Template)

Meta data (metadata)

DataBinding (data binding)

Directive (Directive)

Services (Service)

Dependency Injection (Dependency injection)

NG2 Getting Started-architecture