angular学习
MengYan_
这个作者很懒,什么都没留下…
展开
-
【Angular】组件之间通讯 Input & Output
Input 【 父组件向子组件传入数据 】父组件:1. 准备数据(或引入服务中获取数据)import { Hero } from '../hero'; // 定义类型import { HEROES } from '../mock-hero'; // json数据heroes = HEROE...原创 2018-04-02 10:31:28 · 232 阅读 · 0 评论 -
获取数据时过滤数据
1. 关键字传参:写法简单,但是获取不同的数据时,需要多次从服务器发出请求;2. 管道:需要自定义管道,判断是否包含该字段,返回包含该字段的数据,写着麻烦,但是之后调用方便,所以不同管道到底是取了一次数据还是多次?...原创 2018-05-07 11:42:21 · 989 阅读 · 0 评论 -
公用组件
想要定义一个公共模块,然后模块里面有一堆公用组件,这些组件可以在任意其他模块使用,那么这种情况下,你定义的公共模块必须要导出( exports )你所有隶属于这个模块的公共组件,在其他模块使用的时候不用导入这些公共组件,只需要导入公共模块即可...转载 2018-04-27 13:36:37 · 1030 阅读 · 0 评论 -
【Angular】服务 Service
一. 创建服务1. 新建服务 ng generate service ... --module=app //创建该服务并注入配置到app.module2. 设置该服务的方法eg: debug(msg: string){ console.log(msg); }二. 组件使用该服务1. 引入服务import { LoggerService } from '....原创 2018-03-29 09:08:20 · 735 阅读 · 0 评论 -
【Angular】MVVM设计模式
MVVM(Model-View-ViewModel)MVVM框架是MVP模式与WPF结合的一种新型架构框架。MVC & MVP相似点:Controller/Presenter负责逻辑的处理,Model提供数 据,View负责显示。二者区别:MVC:View直接从Model中读取数据。MVP:View不直接使用Model,通过 Presenter (MVC中的Controller)来进行交...转载 2018-03-28 13:56:36 · 628 阅读 · 0 评论 -
【Angular】数据绑定的方法
1. 插值{{ greeting }} greeting = " " ;2. 属性绑定[ value ] = " string / 表达式 "3. 事件绑定(click)= " myclick( ) "4. 双向绑定[( ngModel )] = " myData "即 属性绑定 +事件绑定,记住 ' 盒子里的香蕉 ';双向数据绑定是MVVM设计模式中的显著特征;...原创 2018-03-28 13:51:00 · 221 阅读 · 0 评论 -
【Angular】angular CLI 命令
angular CLI 命令:ng new 项目名ng generate component 组件名( 默认情况下,生成的组件会带有模板文件,你可以通过参数覆盖它:ng generate component 组件名 -it)ng generate class hero 【 hero.ts 】ng generate service 服务名ng generate module 路由模块名 --fla...原创 2018-03-28 11:55:14 · 249 阅读 · 0 评论 -
内存 Web API(In-memory Web API) 模拟多个远程数据
内存 Web API(In-memory Web API) 模拟多个远程数据时,app.module中1. 引入数据服务:import { ClientsDataService } from './clients-data.service';import { InMemoryDataService } from './org-data.service';2. imports:HttpClient...原创 2018-04-10 16:24:21 · 1518 阅读 · 1 评论 -
【Angular】路由router
1. 新建路由模块ng generate module app-routing --flat --module=app--flat 生成在src/app--module=app 配置到app模块2. 引入所需组件import { HeroesComponent } from './heroes/heroes.component';import { ...原创 2018-04-02 11:58:11 · 373 阅读 · 0 评论 -
angular项目中用到的主要技术
平滑滚动条 MalihuScrollbarhttps://github.com/jfcere/ngx-malihu-scrollbar百度地图 Angular2-baidu-maphttps://leftstick.github.io/angular2-baidu-map/#/quickstart高德地图 ngx-amaphttps://xieziyu.github.io/ngx-amap/#...原创 2018-06-28 09:42:51 · 1141 阅读 · 0 评论