在Angular中，可以使用ngOnInit生命周期钩子函数来进行JSON映射。ngOnInit会在组件初始化完成后调用。

首先，确保你已经引入了HttpClient模块，并在组件的构造函数中注入了HttpClient服务。然后，可以在ngOnInit中使用HttpClient来获取JSON数据，并将其映射到组件的属性上。

下面是一个示例代码：

1. 定义一个接口来表示JSON数据的结构：

interface MyData {
  name: string;
  age: number;
  // ...其他属性
}

2. 在组件中使用HttpClient来获取JSON数据并进行映射：

import { Component, OnInit } from '@angular/core';
import { HttpClient } from '@angular/common/http';

@Component({
  selector: 'app-your-component',
  templateUrl: './your-component.component.html',
  styleUrls: ['./your-component.component.css']
})
export class YourComponent implements OnInit {
  data: MyData;

  constructor(private http: HttpClient) { }

  ngOnInit() {
    this.http.get('url/to/json').subscribe(data => {
      this.data = data;
    });
  }
}

在上面的代码中，我们在ngOnInit中使用HttpClient的get方法来获取JSON数据。表示将响应数据映射为MyData接口的实例。然后，将映射后的数据赋值给组件的data属性。

请将"url/to/json"替换为实际的JSON数据源地址。

3. 在模板中使用映射后的数据：

  
Name: {{ data.name }}
  
Age: {{ data.age }}
  

在上面的模板代码中，我们使用了Angular的*ngIf指令来确保只有在data有值的时候才会展示数据。

这样，当组件初始化完成后，JSON数据会被获取并映射到组件的data属性上，并在模板中展示出来。

希望对你有帮助！