====== AngularJS 4 ====== Angular 是一个开发平台。它能帮你更轻松的构建 Web 应用。Angular 集声明式模板、依赖注入、端到端工具和一些最佳实践于一身,为你解决开发方面的各种挑战。Angular 为开发者提升构建 Web、手机或桌面应用的能力。 ===== Angular CLI ===== https://cli.angular.io/ npm install -g @angular/cli // 安装cli脚手架 ng new my-dream-app //创建一个项目 cd my-dream-app ng serve --open // 启动项目 ng generate component heroes // 创建一个组件(组件名称:heroes) 1. npm install -g cnpm --registry=https://registry.npm.taobao.org 2. ng new lhcx2 --routing 3. cnpm install -g @angular/cli 4. cd到目录下 安装依赖 cnpm install 5. ng server --open 6. 创建组件 ng g component components/case 7. 创建服务 app 下面创建services ng g service services/storage ng build --prod --aot 打包 1. *ngFor 2.绑定样式 [class.glyphicon-star-empty]="star" 3.父子组件传值(输入属性) @input 路由: 路由传递数据的方式有三种,分别是 * 在查询参数中传递数据 * 在路由路径中传递数据 * 在路由配置中传递数据