Jim~LoveQ的博客

添加应用内导航路由添加 AppRoutingModule路由RouterModule.forRoot()添加路由出口 `RouterOutlet`添加路由链接 (routerLink)添加仪表盘视图添加仪表盘路由添加默认路由把仪表盘链接添加到壳组件中导航到英雄详情从 `HeroesComponent` 中删除英雄详情添加英雄详情视图`DashboardComponent` 中的英雄链接`HeroesComponent` 中的英雄链接支持路由的 `HeroDetailComponent`从这个路由中提取出 `

组件不应该直接获取或保存数据，它们不应该了解是否在展示假数据。 它们应该聚焦于展示数据，而把数据访问的职责委托给某个服务。

把所有特性都放在同一个组件中，将会使应用“长大”后变得不可维护。 你要把大型组件拆分成小一点的子组件，每个子组件都要集中精力处理某个特定的任务或工作流。

显示英雄列表本文参考自Angular中文网，原文链接：https://angular.cn/tutorial/toh-pt2本页中，你将扩展《英雄之旅》应用，让它显示一个英雄列表， 并允许用户选择一个英雄，查看该英雄的详细信息。创建模拟（mock）的英雄数据你需要一些英雄数据以供显示。最终，你会从远端的数据服务器获取它。 不过目前，你要先创建一些模拟的英雄数据，并假装它们是从服务器上取到的。在 src/app/ 文件夹中创建一个名叫 mock-heroes.ts 的文件。 定义一个包含十个英

Angular入门系列 第二章：英雄编辑器创建英雄列表组件添加 `hero` 属性显示英雄显示 `HeroesComponent` 视图创建 Hero 类显示 `hero` 对象使用 `UppercasePipe` 进行格式化编辑英雄名字双向绑定缺少 `FormsModule``AppModule`导入 `FormsModule`声明 `HeroesComponent`查看最终代码小结本文参考自Angular中文网，原文链接：https://angular.cn/tutorial/toh-pt0应用

安装 Angular CLI你可以使用 Angular CLI 来创建项目，生成应用和库代码，以及执行各种持续开发任务，比如测试、打包和部署。要使用 npm 命令安装 CLI，请打开终端/控制台窗口，输入如下命令：npm install -g @angular/cli创建工作空间和初始应用ng new angular-tour-of-heroes前面两个输入Y，第三个选择CSS就行，然后等待完成就可以了启动应用服务器进入工作区目录，并启动这个应用。cd angular-tour-o