在Angular中，我们可以使用HttpClient模块来获取JSON数据。下面是一个示例代码，展示如何在Angular服务中获取JSON数据：

1. 首先，创建一个名为data.service.ts的服务文件：

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { Observable } from 'rxjs';

@Injectable({
  providedIn: 'root'
})
export class DataService {
  private apiUrl = 'https://example.com/api/data'; // 替换为实际的API URL

  constructor(private http: HttpClient) { }

  getData(): Observable {
    return this.http.get(this.apiUrl);
  }
}

2. 然后，在组件中使用该服务来获取JSON数据。例如，在名为data.component.ts的组件文件中：

import { Component, OnInit } from '@angular/core';
import { DataService } from './data.service';

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

  constructor(private dataService: DataService) { }

  ngOnInit(): void {
    this.dataService.getData().subscribe(
      (response) => {
        this.data = response;
      },
      (error) => {
        console.error('Error:', error);
      }
    );
  }
}

3. 最后，在组件的HTML模板中显示获取到的数据。例如，在data.component.html中：

  
Data:
  
{{ data | json }}

以上代码中，data.service.ts文件定义了一个名为DataService的服务，其中通过HttpClient模块的get方法来获取JSON数据。data.component.ts文件中的DataComponent组件使用DataService服务来获取数据，并将其赋值给组件的data属性。最后，在组件的HTML模板中通过Angular的数据绑定语法来显示获取到的数据。

请注意，上述代码中的API URL应替换为实际的API URL。此外，您还需要在Angular应用的模块文件中导入HttpClient模块和DataService服务。