提莫大魔王的博客

1 、  引入 Http  、Jsonp 、RxJs 模块import {Http,Jsonp} from "@angular/http";import {Observable} from "rxjs";import "rxjs/Rx";2 、 构造函数声明constructor(private http:Http,private jsonp:Jsonp) { }3、Jso...

1使用@input传递数据1、父组件使用自组件app-header传入msg数据。 <app-header [msg]="msg"></app-header>2、子组件引入 Input import { Component, OnInit ,Input } from '@angular/core';3、子组件中 @Input msg：string...

1、子组件引入 Output  和 EventEmitterimport { Component, OnInit ,Input,Output,EventEmitter} from '@angular/core';<app-header (outer)="runParent($event)"></app-header>2. 子组件中实例化 EventEmitt...

一、 父组件通过局部变量获取子组件的引 用  ，主动获取子组件的数据和方法1、 使用#给子组件命名为#footer<app-footer #footer></app-footer>2、父组件直接获取执行子组件footer的方法<button (click)='footer.footerRun()'>获取子组件的数据</button&gt...

1 在html页面设置地址         routerLink/参数值 2 在路由配置中  配置路由      path：'newsconpentent/:id,conponent:NewcontentConponent'3 在跳转到的页面中获取值：实际就是在路由的时候传个参数过去。在跳转的时候并没没有经过ts文件的逻辑处理。直接通过html中的路由地址跳转到相应的页...

js跳转：经过ts中的逻辑处理跳转到相应的界面。1、调用函数goNew（） 跳转值相应的界面。2、路由配置和动态路由传值的方式相同 

1引入NavigationExtras，在逻辑处理中进行页面跳转。并传递参数3在目的页面通过router.queryParams来获取传过来的参数。

父子路由界面 12配置商品的父子路由 （html页面）2进行路由的配置