在Angular中，可以使用服务来加载和解析背景数据。以下是一个简单的示例：

1. 创建一个服务来加载和解析数据：

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

@Injectable()
export class DataService {
  constructor(private http: HttpClient) {}

  getData() {
    return this.http.get('data.json').pipe(
      map((response: any) => {
        // 在这里对数据进行解析和处理
        return response.data;
      })
    );
  }
}

2. 在组件中使用该服务来获取数据：

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

@Component({
  selector: 'app-root',
  template: `
    
{{ item }}
  `,
  providers: [DataService]
})
export class AppComponent {
  data: any[];

  constructor(private dataService: DataService) {}

  ngOnInit() {
    this.dataService.getData().subscribe((data: any[]) => {
      this.data = data;
    });
  }
}

3. 在模板中使用*ngFor指令来遍历数据并显示：

{{ item }}

以上示例中，DataService服务使用HttpClient来加载数据，并使用map操作符对数据进行解析和处理。在组件的ngOnInit生命周期钩子中，我们订阅getData方法返回的Observable，并将获取到的数据赋值给组件的data属性。然后在模板中使用*ngFor指令来遍历数据并显示。