angular
Relax-z
昔风不起,唯有努力生存!
展开
-
angular4基础之路由
路由Routes : 路由配置保存着那个url对应着那个组件,以及在那个routerOutlet中展示的信息RouterOutlet:在HTML中白哦记录有内容呈现位置的指令Router: 负责在运行时执行路由的对象,可以通过调用其navigate()和navigatgeByUrl()方法来到导航到指定路由RouterLink:在HTML中声明路由导航用的指令ActivatedRoute当原创 2017-09-27 19:19:18 · 1469 阅读 · 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 · 318 阅读 · 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 · 3260 阅读 · 2 评论 -
angualr4基础之组件生命周期
组件生命周期//这个顺序是按照执行的先后排列的constructor:构造器函数,一般用于注入服务ngOnChanges:检测到输入数据变化,首次触发发生在ngOnInit前。注意对象的属性发生变化时监听不到ngOnInit:组件初始化,通常会设置一些初始值ngDoCheck:手动触发更新检查 ngAfterContentInit:内容初始化到组件之后ngAfterContentChec原创 2017-09-27 19:09:25 · 7968 阅读 · 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 · 1563 阅读 · 0 评论 -
angular4基础之服务与依赖注入
服务与依赖注入依赖注入就是省去了每次手动创建实例的麻烦,自动创建实例。首先创建一个服务,然后将服务注入到组件使用注入时需要在类前边加上@Injectable装饰器服务之间可以相互引用<!--首先创建一个服务-->//创建一个service.ts服务import { Injectable } from '@angular/core';import {LoggerService} fro原创 2017-09-27 19:22:30 · 487 阅读 · 0 评论