ngrx/store 4：ストアから選択すると予期しないサブ状態になる

Question

私はいくつかのサブストアを持っています。

Sub1を：：

export interface Sub1State { 
    sub1value: string 
} 

export function sub1reducer(state: Sub1State, action: Action): Sub1State { 
    ... 
} 

SUB2：

export interface Sub2State { 
    sub2value: number 
} 

export function sub2reducer(state: Sub2State, action: Action): Sub2State { 

} 

（アクションは、私は推測する...私の問題のために面白いではありません）以下の状態やレデューサーと Sub1と Sub2を言うことができます

次に、これらの2つのサブ状態を1つにまとめます。ActionReducerMap<ApplicationState>：

export interface ApplicationState { 
    sub1: Sub1State, 
    sub2: Sub2State 
} 

export const reducers: ActionReducerMap<ApplicationState> = { 
    sub1: sub1reducer, 
    sub2: sub2reducer 
}; 

および格納するために、それを「REGISTER」：

StoreModule.forRoot(reducers) 

は今、角度成分で、私はSub1ストアを選択し、sub1value文字列を取得したいです。だから私...ログ声明で

sub1value$: Observable<string>; 

constructor(private store: Store<Sub1State>) { 
    this.sub1value$ = store.map(state => { 
    console.log(state); 
    return state.sub1value; 
    }); 
} 

を行う、私は次のオブジェクト（Sub1Stateオブジェクト）を取得することを期待する：

{ 
    sub1value: 'initial value' 
} 

しかし、私は実際に取得することは、このオブジェクトです：

{ 
    sub1: { 
    sub1value: 'initial value' 
    } 
} 

これは意図したとおりですか？はいの場合、インタフェースSub1Stateでどのように作業しますか？ sub1はインターフェイスの一部ではないためです。

また、を呼び出すときにエラー（コンパイルエラーもランタイムエラーもありません）が発生しないのは、明らかに間違っているのはstate.sub1.sub1valueであるためです。ランタイムエラーはありません私は理解しています、それは単に定義されていません。しかし、TypeScriptコンパイラは私の意見ではここにエラーを投げるべきです。

私は本当に混乱しています：/

ここでEDIT

が、私はそれが動作を期待する方法の例です：あなたは、アプリケーションの状態を取得するとhttps://stackblitz.com/edit/angular-w34kua?file=app%2Fapp.component.ts

Answer 1

、そのオブジェクトを返します。あなたの州には2つのサブ状態があり、サブ1とサブ2と呼ばれています。それらはそれぞれ独自のオブジェクトです。それで、それは期待どおりに働いています。 'return state.sub1.sub1value;を実行する必要があります。

または私は通常、私はこのような何かをすることによって、特定の減速に加入している何をすべきか、そして、私は戻ってではなく、全体の状態、特定のサブ状態を取得：

constructor(private store: Store<Sub1State>) { 
    store.select('sub1').subscribe((state : Sub1State) => { 
    console.log(state); 
    this.sub1value$ = state.sub1value; 
    }); 
}