摘要: 1 创建搜索组件 HeroSearchComponent ng generate component hero-search 2 添加搜索组件模板 需要一个搜索框,用来记录用户输入的值 <input #searchBox id="search-box" (input)="search(searchB 阅读全文
posted @ 2020-08-20 16:35 三重罗生门 阅读(281) 评论(0) 推荐(0) 编辑
摘要: 1 通过 id 获取英雄, 暴露 getHero(id: number): Observable<Hero> 返回可观察对象 Hero, 可以看到,不同的地方在于获取的地址变成了 `$ src/app/hero.service.ts /** GET hero by id. Will 404 if i 阅读全文
posted @ 2020-08-20 15:44 三重罗生门 阅读(286) 评论(0) 推荐(0) 编辑
摘要: 1 从服务中调用HTTP数据, 导入服务 src/app/hero.service.ts 1.1 导入相关服务 import { HttpClient, HttpHeaders } from '@angular/common/http'; 1.2 构造函数注入 constructor( privat 阅读全文
posted @ 2020-08-20 15:04 三重罗生门 阅读(440) 评论(0) 推荐(0) 编辑
摘要: 1 加入HTTP服务 src/app/app.module.ts ( 导入服务 import { HttpClientModule } from '@angular/common/http'; @NgModule({ imports: [ HttpClientModule, ], }) 2 模拟数据 阅读全文
posted @ 2020-08-20 14:07 三重罗生门 阅读(303) 评论(0) 推荐(0) 编辑
摘要: 1 生成面板组件 ng generate component dashboard 2 修改面板文件 2.1 dashboard组件中,加载样式,并通过循环*ngFor输出英雄的名字 src/app/dashboard/dashboard.component.html <h3>Top Heroes</ 阅读全文
posted @ 2020-08-18 20:26 三重罗生门 阅读(359) 评论(0) 推荐(0) 编辑
摘要: 添加应用内导航Navigation,官方实际效果图,最终的图和官方还是有区别的 1 添加导航模块 ng generate module app-routing --flat --module=app --flat 把这个文件放进了 src/app 中,而不是单独的目录中。 --module=app 阅读全文
posted @ 2020-08-18 19:53 三重罗生门 阅读(353) 评论(0) 推荐(0) 编辑
摘要: 有了异步方法,我们希望有更好的用户体验,希望在获取数据的时候也可以让用户知道后台等待的状态。这样就有了今天的主题,消息通知。 1 创建消息组件 ng generate component messages 2 创建消息服务 ng generate service message 3 修改全局组件 s 阅读全文
posted @ 2020-08-17 10:48 三重罗生门 阅读(567) 评论(0) 推荐(0) 编辑
摘要: 1 使用异步方法获取数据。 HeroService.getHeroes() 的函数签名是同步的,它所隐含的假设是 HeroService 总是能同步获取英雄列表数据。 而 HeroesComponent 也同样假设能同步取到 getHeroes() 的结果。 这在真实的应用中几乎是不可能的,因为网络 阅读全文
posted @ 2020-08-17 09:46 三重罗生门 阅读(589) 评论(0) 推荐(0) 编辑
摘要: 1 为何需要服务? 让我们带着思考去学习 服务是什么?服务就相当于是数据访问层,专门提供服务给其他模块的功能。就相当于服务专门于提供,处理数据,而模板则专心于展示,渲染数据 模板和服务的关系?模板应该专注于展示数据,只要是符合规格的数据给过来,模板都可以渲染,至于数据是怎么来的,模板不需要关心。 用 阅读全文
posted @ 2020-08-17 08:45 三重罗生门 阅读(252) 评论(0) 推荐(0) 编辑
摘要: 1 我们为什么需要特性组件, 为什么都是组件? 此刻,HeroesComponent 同时显示了英雄列表和所选英雄的详情。 把所有特性都放在同一个组件中,将会使应用“长大”后变得不可维护。 你要把大型组件拆分成小一点的子组件,每个子组件都要集中精力处理某个特定的任务或工作流 组件,也就是意味,可以重 阅读全文
posted @ 2020-08-14 19:13 三重罗生门 阅读(310) 评论(0) 推荐(0) 编辑