Angular

Angular

Angular 服务

HoneyMoose 发布于 2019-05-30

英雄指南的 HeroesComponent 目前获取和显示的都是模拟数据。 本节课的重构完成之后,HeroesComponent 变得更精简,并且聚焦于为它的视图提供支持。这也让它更容易使用模拟服务进行单元测试。 如果你希望从 GitHub 上查看我们提供测试的源代码,你可以访问...

阅读(46)评论(0)赞 (0)

Angular 主从组件

HoneyMoose 发布于 2019-05-29

此刻,HeroesComponent 同时显示了英雄列表和所选英雄的详情。 把所有特性都放在同一个组件中,将会使应用“长大”后变得不可维护。 你要把大型组件拆分成小一点的子组件,每个子组件都要集中精力处理某个特定的任务或工作流。 本页面中,你将迈出第一步 —— 把英雄详情移入一个...

阅读(51)评论(0)赞 (0)

Angular 显示英雄列表

HoneyMoose 发布于 2019-05-29

在本页面,你将扩展《英雄指南》应用,让它显示一个英雄列表, 并允许用户选择一个英雄,查看该英雄的详细信息。 创建模拟(mock)英雄数据 你需要一些英雄数据以供显示。 最终,你会从远端的数据服务器获取它。但是目前,你需要创建一些模拟英雄(some mock heroes),并假设...

阅读(45)评论(0)赞 (0)

Angular 英雄编辑器

HoneyMoose 发布于 2019-05-24

应用程序现在有了基本的标题。 接下来你要创建一个新的组件来显示英雄信息并且把这个组件放到应用程序的外壳里去。 创建英雄组件 使用 Angular CLI 创建一个名为 heroes 的新组件。 ng generate component heroes CLI 创建了一个新的文件夹...

阅读(52)评论(0)赞 (0)

Angular 英雄示例教程

HoneyMoose 发布于 2019-05-21

英雄指南教程(Tour of Heroes)涵盖了 Angular 的基本知识。 在本教程中,你将构建一个应用,来帮助人事代理机构来管理一群英雄。 这个入门级 app 包含很多数据驱动的应用所需的特性。 它需要获取并显示英雄的列表、编辑所选英雄的详情,并且在包含有英雄数据的不同视...

阅读(58)评论(0)赞 (0)

Angular 应用的外壳

HoneyMoose 发布于 2019-05-21

你首先需要使用 Angular CLI 来创建一个初始化的应用。随后,你将对你已经初始化的应用进行修改来让你构建出 Tour of Heroes app(英雄指南) 这个应用。 在教程的本部分,你需要完成下面的操作: 设置的你的环境。 创建一个新的工作区(workspace)和初...

阅读(57)评论(0)赞 (0)

如何将 GitHub 中的项目导入到 stackblitz.com 中

HoneyMoose 发布于 2019-05-17

如何将一个 GitHub 中的项目导入到 stackblitz.com 中,然后开始编辑和编译呢? 例如,我们有一个项目在 GitHub 中的地址为:https://github.com/cwiki-us-angular/cwiki-us-angular-app 如何将这个项目导...

阅读(76)评论(0)赞 (0)

Angular 如何修改启动的端口

HoneyMoose 发布于 2019-05-16

在默认的情况下 Angular 启动使用的是端口 4200。 如果修改这个启动的端口,比如说我们希望再  4100 端口上启动? 可以在启动的时候添加端口参数 –port。 例如使用下面的启动命令: ng serve --open --port 4100 就可以让你的...

阅读(51)评论(0)赞 (0)