![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
angular
Relax-z
昔风不起,唯有努力生存!
展开
-
angular4基础之路由
路由 Routes : 路由配置保存着那个url对应着那个组件,以及在那个routerOutlet中展示的信息 RouterOutlet:在HTML中白哦记录有内容呈现位置的指令 Router: 负责在运行时执行路由的对象,可以通过调用其navigate()和navigatgeByUrl()方法来到导航到指定路由 RouterLink:在HTML中声明路由导航用的指令 ActivatedRoute当原创 2017-09-27 19:19:18 · 1454 阅读 · 0 评论 -
angualr基础之组件通信
组件通信 怎样将父组件的属性传递给子组件input //在父组件里引用子组件 <app-stars [roting]="product.stars"></app-stars> //将product对象的stars属性产给子组件的roting对象//子组件接收父属性 //在ts文件中 import {Component, Input} from "@angular/core"; @Componen原创 2017-09-27 19:17:06 · 308 阅读 · 0 评论 -
angular4里一个响应式编程的小例子
响应式编程观察者模式与Rxjs 响应式编程就是一个观察者模式的实现下边是一个简单的例子 //对一个对象进行观察处理结束后在执行一些方法。 var subscription = Observable.from([1,2,3,4])//可观察者对象 Observerable(l流) .filter((e)=>e%2 == 0)//对数据进行一些处理 .map((e)=>e*e)//对数据进行一些处理 .原创 2017-09-27 19:04:26 · 3250 阅读 · 2 评论 -
angualr4基础之组件生命周期
组件生命周期//这个顺序是按照执行的先后排列的 constructor:构造器函数,一般用于注入服务 ngOnChanges:检测到输入数据变化,首次触发发生在ngOnInit前。注意对象的属性发生变化时监听不到 ngOnInit:组件初始化,通常会设置一些初始值 ngDoCheck:手动触发更新检查 ngAfterContentInit:内容初始化到组件之后 ngAfterContentChec原创 2017-09-27 19:09:25 · 7956 阅读 · 0 评论 -
angualr4模板目录及angular模块解析
主文件目录my-dream-app e2e // 端到端测试 app.e2e-spec.ts app.po.ts tsconfig.e2e.json node_modules/... // npm包 src/... // 源码 a原创 2017-09-27 18:59:46 · 1555 阅读 · 0 评论 -
angular4基础之服务与依赖注入
服务与依赖注入 依赖注入就是省去了每次手动创建实例的麻烦,自动创建实例。 首先创建一个服务,然后将服务注入到组件使用 注入时需要在类前边加上@Injectable装饰器 服务之间可以相互引用 <!--首先创建一个服务--> //创建一个service.ts服务 import { Injectable } from '@angular/core'; import {LoggerService} fro原创 2017-09-27 19:22:30 · 480 阅读 · 0 评论