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