![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Angular
HoneyMoose
这个作者很懒,什么都没留下…
展开
-
在对 Angular 的文档 aio 进行编译的时候提示错误
error angular-examples-master@1.0.0: The engine "yarn" is incompatible with this module. Expected version ">=1.10.1 <1.14.0". Got "1.14.0"error Found incompatible moduleinfo Visit https://yar...原创 2019-05-14 22:08:59 · 778 阅读 · 0 评论 -
Angular 显示英雄列表
在本页面,你将扩展《英雄指南》应用,让它显示一个英雄列表, 并允许用户选择一个英雄,查看该英雄的详细信息。创建模拟(mock)英雄数据你需要一些英雄数据以供显示。最终,你会从远端的数据服务器获取它。但是目前,你需要创建一些模拟英雄(somemock heroes),并假设这些数据是从远程服务器上获取的。在src/app/文件夹中创建一个名叫mock-heroes.ts的文...原创 2019-05-30 00:35:56 · 829 阅读 · 0 评论 -
Angular 服务
英雄指南的HeroesComponent目前获取和显示的都是模拟数据。本节课的重构完成之后,HeroesComponent变得更精简,并且聚焦于为它的视图提供支持。这也让它更容易使用模拟服务进行单元测试。如果你希望从 GitHub 上查看我们提供测试的源代码,你可以访问下面的链接:https://github.com/cwiki-us-angular/cwiki-us-angular...原创 2019-05-31 05:43:44 · 611 阅读 · 0 评论 -
https://stackblitz.com/github/cwiki-us-angular/cwiki-us-angular-app 导入后如何添加到自己的项目
将https://stackblitz.com/github/cwiki-us-angular/cwiki-us-angular-app导入到界面后,如何将这个项目添加到自己的项目里面。然后再自己的项目里面进行编辑,修改后提交?你可以在编辑界面中 Fork 到本地后进行修改。...原创 2019-05-18 02:12:52 · 778 阅读 · 0 评论 -
如何将 GitHub 中的项目导入到 stackblitz.com 中
如何将一个 GitHub 中的项目导入到 stackblitz.com 中,然后开始编辑和编译呢?例如,我们有一个项目在 GitHub 中的地址为:https://github.com/cwiki-us-angular/cwiki-us-angular-app如何将这个项目导入到 stackblitz.com 中进行编辑和测试呢?首先你需要在stackblitz.com中注册...原创 2019-05-18 01:26:16 · 1201 阅读 · 0 评论 -
Angular 如何修改启动的端口
在默认的情况下Angular 启动使用的是端口 4200。如果修改这个启动的端口,比如说我们希望再 4100 端口上启动?可以在启动的时候添加端口参数 --port。例如使用下面的启动命令:ngserve--open--port4100就可以让你的 Angular 应用在 4100 端口上启动。...原创 2019-05-17 04:07:13 · 2431 阅读 · 0 评论 -
Angular CLI 创建你的第一个 Angular 示例程序
第一步:安装 Angular CLI你要使用 Angular CLI 来创建项目、创建应用和库代码,并执行多种开发任务,比如测试、打包和发布。全局安装 Angular CLI。要想使用npm来安装 CLI,请打开终端/控制台窗口,并输入下列命令:npm install -g @angular/cli第二步:创建一个工作区和初始化应用Angular工作区就是你开发应...原创 2019-05-17 03:38:29 · 627 阅读 · 0 评论 -
如何安装 Angular CLI 并且检查 CLI 的版本
想在系统中安装 Angular CLI ,如何进行安装并且如何检查 CLI 的版本?可以使用命令:npm install -g @angular/cli进行安装。使用命令ng version来查看 Angular 的 CLI 的版本...原创 2019-05-17 02:34:33 · 7440 阅读 · 2 评论 -
Angular 英雄示例教程
英雄指南教程(Tour of Heroes)涵盖了 Angular 的基本知识。在本教程中,你将构建一个应用,来帮助人事代理机构来管理一群英雄。这个入门级 app 包含很多数据驱动的应用所需的特性。 它需要获取并显示英雄的列表、编辑所选英雄的详情,并且在包含有英雄数据的不同视图之间进行导航。在本教程的最后,你的应用可以做下面的工作:使用Angular 的内置指令(Angular d...原创 2019-05-22 04:42:50 · 510 阅读 · 0 评论 -
Angular 应用的外壳
你首先需要使用 Angular CLI 来创建一个初始化的应用。随后,你将对你已经初始化的应用进行修改来让你构建出 Tour of Heroes app(英雄指南) 这个应用。在教程的本部分,你需要完成下面的操作:设置的你的环境。 创建一个新的工作区(workspace)和初始化应用项目。 启动应用服务器。 对应用进行修改。设置你的环境希望对你的开发环境进行设置,请参考下面的链...原创 2019-05-22 04:35:20 · 428 阅读 · 0 评论 -
Angular 英雄编辑器
应用程序现在有了基本的标题。 接下来你要创建一个新的组件来显示英雄信息并且把这个组件放到应用程序的外壳里去。创建英雄组件使用 Angular CLI 创建一个名为heroes的新组件。 ng generate component heroes CLI 创建了一个新的文件夹,src/app/heroes/,并生成了HeroesComponent的 4 个文件。...原创 2019-05-25 03:00:00 · 749 阅读 · 0 评论 -
Angular 文档中链接的修改路径
在Angular 文档程序中的左侧链接的修改路径在哪里?如下图所示的修改路径。左侧链接的修改路径在angular-cn\aio\content\navigation.json 这个文件中。你可以参考 SRC 中源文件的内容进行修改:https://src.ossez.com/angular/angular-cn/blob/aio/aio/content/navigation...原创 2019-05-16 01:52:34 · 465 阅读 · 0 评论 -
Angular 文档中的修改链接是从哪里改的
如何修改修改的文本的链接。如下图表示的,如何修改这个地方的链接到自己的 SCM 中。你需要修改的文件为:aio\tools\transforms\templates\lib\githubLinks.html你可以通过访问下面的链接来需要你进行修改或者调整的链接:https://src.ossez.com/angular/angular-cn/blob/aio/aio/too...原创 2019-05-15 03:48:48 · 283 阅读 · 0 评论 -
Angular 主从组件
此刻,HeroesComponent同时显示了英雄列表和所选英雄的详情。把所有特性都放在同一个组件中,将会使应用“长大”后变得不可维护。 你要把大型组件拆分成小一点的子组件,每个子组件都要集中精力处理某个特定的任务或工作流。本页面中,你将迈出第一步 —— 把英雄详情移入一个独立的、可复用的HeroDetailComponent。HeroesComponent将仅仅用来表示英雄列表...原创 2019-05-30 02:08:24 · 407 阅读 · 0 评论