Angular 2，TypeScript＆ui-router - 如何获取状态参数

Question

嘿，大家我想知道如何从状态使用Angular 2，TypeScript & ui-router获得状态参数。我试着审查新的文档，但他们似乎没有太多的文档ng2 ui-router。

下面我添加了我的component.ts以供参考。任何帮助将不胜感激。

import {Component} from '@angular/core'; 
import {HTTP_PROVIDERS} from '@angular/http'; 
import {UIRouter} from 'ui-router-ng2/router'; 

@Component({ 
    selector: 'Detail', 
    template: require('./detail.html'), 
    providers: [HTTP_PROVIDERS] 
}) 

export class Detail { 
    constructor(private uiRouter:UIRouter) { 
    console.log('uiRouter ', this.uiRouter.globals.params); 
    } 
} 

在角1 I会做如下：

(function() { 
    'use strict'; 

    angular 
    .module('private') 
    .controller('Controller', Controller); 

    function Controller($state) { 
    var vm = this; 
    console.log($state.params.studentID); 
    } 
})(); 

再次任何建议将不胜感激。

Answer 1

我能解决我被做具有状态PARAM问题如下：

import {Component} from '@angular/core'; 
import {HTTP_PROVIDERS} from '@angular/http'; 
import {UIROUTER_DIRECTIVES} from 'ui-router-ng2'; 
import {UIRouter} from 'ui-router-ng2/router'; 

@Component({ 
    selector: 'Detail', 
    template: require('./detail.html'), 
    directives: [UIROUTER_DIRECTIVES], 
    providers: [HTTP_PROVIDERS] 
}) 

export class Detail { 
    public detailParam: any; 

    constructor(private uiRouter:UIRouter) { 
     this.detailParam = this.uiRouter.globals.params; 
     console.log('state params: ', this.detailParam); 
    } 
} 

但进一步的研究之后，我发现UI的路由器角2在这里更好的文档：https://ui-router.github.io/ng2/

貌似处理状态则params的正确方法是用

import {Transition} from "ui-router-ng2" 

并采用

trans.params().detailID 

我是不是能够得到trans.params（）在这个特殊的时刻工作，但至少我找到了一个临时解决方案，更好的文档，以找到合适的解决方案。

Answer 2

请参见我的有关如何使用过渡（如由银河游侠提到的），以获得stae参数答案：How to read $stateParms value in Angular2?