Question

我是Angular 4的新手。我需要用json文件替换常量文件（'nsv.ts）以读取导航元素列表。这是我的const文件'nav.ts'：

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

在'sidebar-nav.component.ts'中：

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>`

我想知道使用服务在哪里读取json，然后将其传递给sidebar-nav.component.ts，但不知道如何做到这一点。你能帮帮我吗？

Answer 1

你需要做这些简单的步骤

1）获取您的数据json文件比如 data.json ，

2）将此文件放入资产文件夹

3）使用angular / http服务

之后调用该文件

使用[ngForOf]将json文件读入模板

1 个答案: