在模板angular 5中显示嵌套json数组的项

，可以通过使用ngFor指令和嵌套的HTML元素来实现。

首先，确保你的Angular项目中已经导入了FormsModule和HttpClientModule模块。

接下来，假设你有一个嵌套的JSON数组，例如：

data = [
  {
    name: 'John',
    age: 25,
    hobbies: ['reading', 'coding', 'gaming']
  },
  {
    name: 'Jane',
    age: 30,
    hobbies: ['painting', 'traveling']
  }
];

在你的组件类中，将该数据赋值给一个变量，例如：

export class AppComponent {
  data = [
    {
      name: 'John',
      age: 25,
      hobbies: ['reading', 'coding', 'gaming']
    },
    {
      name: 'Jane',
      age: 30,
      hobbies: ['painting', 'traveling']
    }
  ];
}

然后，在你的模板中，使用ngFor指令来遍历嵌套的JSON数组，并显示每个项的属性。例如：

<ul>
  <li *ngFor="let item of data">
    <h3>{{ item.name }}</h3>
    <p>Age: {{ item.age }}</p>
    <p>Hobbies:</p>
    <ul>
      <li *ngFor="let hobby of item.hobbies">{{ hobby }}</li>
    </ul>
  </li>
</ul>

上述代码中，我们使用了两个ngFor指令。外部的ngFor指令用于遍历嵌套的JSON数组，内部的ngFor指令用于遍历每个项的hobbies数组。

这样，你就可以在模板中显示嵌套的JSON数组的项了。

关于Angular 5的更多信息和学习资源，你可以参考腾讯云的Angular产品介绍页面：Angular产品介绍