相关疑难解决方法(0)

我试图从路由器更改页面标题,这可以做到吗？

import {RouteConfig} from 'angular2/router';
@RouteConfig([
  {path: '/home', component: HomeCmp, name: 'HomeCmp' }
])
class MyApp {}

首先我创建了一个User类:

export class User {
  name: string;
  email: string;
}

然后我得到了我CoreComponent使用的FormInputComponent以及public user从User类创建一个:

import {Component} from 'angular2/core';
import {FormInputComponent} from '../form-controls/form-input/form-input.component';
import {User} from '../core/user';

@Component({
  selector: 'core-app',
  templateUrl: './app/assets/scripts/modules/core/core.component.html',
  styleUrls: ['./app/assets/scripts/modules/core/core.component.css'],
  directives: [FormInputComponent]
})

export class CoreComponent {
  public user: User = {
    name: '',
    email: ''
  }
}

然后我创建了一个输入组件,它是一个可重用的输入组件,它将模型值作为输入,当进行更改时,导出新值,以便CoreComponent可以使用新值更新模型:

import {Component, Input, Output, EventEmitter, DoCheck} from 'angular2/core';

@Component({
  selector: 'form-input',
  templateUrl: './app/assets/scripts/modules/form-controls/form-input/form-input.component.html',
  styleUrls: ['./app/assets/scripts/modules/form-controls/form-input/form-input.component.css'],
  inputs: [
    'model', …

我正在开发一个简单的Angular 2应用程序,我目前拥有的路由是/ login,/ register,/ home和/ profile.

在主应用程序组件上,我有一个<header>部分,一个<content>部分和一个<footer>部分.我目前<router-outlet></router-outlet>在该content部分中有,但是当部分中有不同的内容时,也希望(有时)更改header和footer组件中的一些内容content.

我已经研究了子路由(并计划在内容部分中使用某些路由),但我不确定这是否是最好的方法,甚至可能.我所做的儿童路线研究来自John Papa的Angular 2课程,这是他的榜样:http://a2-first-look.azurewebsites.net/examples/router-child/plnkr.demo.html ? bust= 1463590738850

我还探讨了在Header和Footer组件中订阅路由器的变化,并使用渲染不同的html *ngIf.这种方法似乎创造了一个全新的服务SO 1,但这个似乎更直接的SO 2.我想我可以用原生的Router指令做些什么？

任何帮助或正确方向的一点将不胜感激!谢谢