angularjs2大漠穷秋视频笔记整理

git.oschina.net/mumu-osc/NiceFish

npm config list
联网方式
npm config set proxy="代理地址"
npm config delete proxy
angular-cli 安装
npm install -g angular-cli
ng --version
ng help
ng new my-project
npm install
ng serve
ng serve --prod --aot  最小化压缩

ng build (--prod --aot ) 生成dist目录 编译
 ng test 自动化测试

ng generate
cl:class c:component d:directive e:enum m:module p:pipe s:service

angular2单向数据流
angular2-dependencies-gragh 生成组件模态的依赖图

ngModule
component dirctive route service

router和ngModule配合实现异步模块
静态路由配置
const homeRoutes=[
{path:"",component:HomeComponent}
]
异步路由
const appRoutes=[{
path:"",
loadChildren:"app/home/home.module"
},{
path:"home",
loadChildren:"app/home/home.module"
}]

DI  每个html标签都有一个注射器实例
     注射是通过constrcutor进行的
     @injectable 装饰器  是@component的子类
ui
ng2-bootstrap  先导入bootstrap.css 然后 导入模块
import {ModalModule} from "ng2-bootstrap"
import {PaginationModule} from "ng2-bootstrap"
在@NgModule({
imports:[
ModalModule.forRoot(),
PaginationModule..forRoot()
]
})

cnpm i -g angular-cli
下载nicefish
cnpm install
ng serve --prod -aot

 

webpack