角度4は

Question

は、だから私は親がサーバーへのコールを作成している

<parent> 
    <router-outlet></router-outlet> 
</parent> 

はちょうど人間の体にそれを呼び出すことができます大規模なJSONオブジェクトを取得作られて、それの中にネストされたルータと親コンポーネントを持つactivateChildすることができます。ユーザーが親コンポーネント内のリンクをクリックすると、子コンポーネントのコンポーネント（脚コンポーネント...）がナビゲートされます（つまり、操作のためにボディデータのコンポーネントを分解しようとしています）。両親と子どもは双方向サービスを通じてコミュニケーションしています。

ブラウザのURLタブの parent/bodycomponentにアクセスできないようにURLを保護するにはどうすればいいですか？アプリケーションのフローに従うことによってのみ子コンポーネントにアクセスできます。私は子供を活性化することができます見てきましたが、それはサービスのためだけであるようです。 parent.component.tsにcanActivateChild条件を設定できますか？

Answer 1

あなたの親と子供のコンポーネントすべてが共有サービスのデータに依存するので、あなたはデータに関係なく、次へのあなたのサービスを変更することで、最初に訪問されたルートの存在であることを確認することができます

import { HttpClient } from "app/http-client"; 
import { Injectable } from "@angular/core"; 
import { Observable } from "rxjs/Rx"; 

@Injectable() 
export class ParentService { 
    data: any; 


    constructor(private http: HttpClient) { 
     this.getData() 
      .subscribe(data => this.data = data); 
    } 

    getData() { 
     return this.http.get(`url`) 
         .map(res => res.json()); 
    } 


} 

と、いつでもこのサービスを挿入するコンポーネントは、アプリの起動時にも、それ以降でも、データがロードされます。