Angular2で$ stateParmsの値を読み取る方法は？この<strong>が</strong>をthis._uiRouter.globals.params.idようAngular1のUI-ルータ を使用して

Question

がstateparam値がANgular2

で同じことを行うにはどのように$ state.params

を使用して来ている私が試しました

それは作業、しかし、そのない適切な解決策、でも私は編集者もTS2339プロパティIDのようなエラーを示すことtypeStateParamsに出ていない 、webstromeエディタを使用しています、

ています

は私が適切な方法を行う助けてください

Answer 1

URL状態設定している間、あなたは移行エクスポートオブジェクトから状態パラメータを取得することができます。

import {Transition} from "ui-router-ng2"; 
... 
export const personState = { 
    name: 'person', 
    url: '/people/:personId', 
    component: Person, 
    resolve: [ 
    { 
     token: 'stateParams', 
     deps: [Transition], 
     resolveFn: (trans) => trans.params() 
    } 
    ] 
}; 

をあなたに、コンポーネントコード：

import {Component, Input} from '@angular/core'; 
import {UIROUTER_DIRECTIVES, Transition} from 'ui-router-ng2'; 

@Component({ 
    directives: [UIROUTER_DIRECTIVES], 
    template: ` 
    <h2>stateParams</h2> 
    <pre>{{ stateParams | json }}</pre> 
`}) 

export class Person implements OnInit { 
    @Input() stateParams; 

    ngOnInit() { 
    // here you will have all passed state params 
    console.log(this.stateParams); 
    } 

    constructor() { 
    } 
} 

をhttps://ui-router.github.io/tutorial/ng2/hellosolarsystem#live-demoから修正plunker：https://plnkr.co/edit/IVGx0p9lQr1yKqgwZT4X

つのファイルへ

注意を払う：

1. state.ts
2. コンポーネント/ person.tsは