[ngForOf]を使用してjsonファイルをテンプレートに読み込む

Question

私はAngular 4が新しくなりました。ナビゲーション要素のリストを読むために、定数ファイル（ 'nsv.ts）をjsonファイルに置き換える必要があります。 これは私のconstファイル 'nav.ts' です：私はJSONを読み込むためのサービスを使用するように思っていた

import { Component, ElementRef, Input, OnInit, Renderer2 } from '@angular/core'; 

// Import navigation elements 
import { navigation } from './../../nav'; 

@Component({ 
    selector: 'app-sidebar-nav', 
    template: ` 
    <nav class="sidebar-nav"> 
     <ul class="nav"> 
     <ng-template ngFor let-navitem [ngForOf]="navigation"> 
     ..... 
     </ng-template> 
     </ul> 
    </nav>` 

と： 'サイドバー-nav.component.ts' は、

export const navigation = [ 
    { 
    name: 'Dashboard', 
    url: '/dashboard'  
    }, 
    { 
    name: 'Client', 
    url: '/client' 
    } 
    .... 
] 

それをサイドバーnav.component.tsに渡しますが、どのようにしたらいいか分かりません。私を手伝ってくれますか？

Answer 1

あなたは

2）は、その後の資産フォルダ

3）にこのファイルを入れて、これらの簡単な手順

1）あなたのデータJSONファイル data.jsonのような取りを行う必要がありますangle/httpサービスを使用してファイルを呼び出す