Angular2总结

Angular 介绍

　　Angular 是一款来自谷歌的开源的web前端框架，诞生于2009年，是一款优秀的前端JS框架，已经被用于谷歌的多款产品。

　　Angular 基于Typescript ，更适合中大型企业级的项目。

学习Angular的必备基础

　　html、css、js、es6、Typescript.

载入需要的库

　　这里我们推荐使用npm来作为包的管理工具

组件

　　component定义对象是一个angular组件，接收一个包含两个属性的配置对象

　　selector：为HTML元素定义了一个CSS选择器my-app

　　template： 属性容纳着组件的模板

　　@component{

　　　　selector：‘my-app’,

　　　　templateUrl: ''

　　}

模块

　　angular应用都是模块化的

Class定义对象

　　在Class方法中，我们可以给组件添加属性和方法

　　定义一个Class类

　　定义一个构造函数

　　.Class({

　　　　constructor: function(){}

　　})

添加NgModule

　　angular应用是由angular模块组成

　　app.AppModule = ng.core.NgModule({

　　　　imports: [ ng.platformbrowser.browserModule ],

　　　　declarations: [ app.AppComponent ],

　　　　bootstrap: [  app.AppComponent ]

　　})

启动应用

　　添加app/main.js文件

　　我们需要两样东西来启动应用：

　　　　1.angular的platformbrowserDynamic().bootstrapModule 函数

　　　　2.应用根模块Appmodule

　　执行过程为：当angular在main.js中调用bootstrapModule函数时，它读取AppModule的元数据，在启动组件中找到AppComponent并找到my-app选择器，定位到元素，然后在这个标签之间载入内容。

Angular2 Typescript

　　Typescript是一种由微软开发的自由开源的编程语言，它是JavaScript的一个超集，扩展了JavaScript的语法。