要在Angular中使用DI服务来展示属性，可以按照以下步骤进行操作：

1. 创建一个服务类：

import { Injectable } from '@angular/core';

@Injectable({
  providedIn: 'root'
})
export class DataService {
  private data: string = "Hello World";

  getData(): string {
    return this.data;
  }
}

2. 在组件中注入该服务：

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

@Component({
  selector: 'app',
  template: `
    
{{ data }}
  `,
})
export class AppComponent {
  data: string;

  constructor(private dataService: DataService) {}

  ngOnInit() {
    this.data = this.dataService.getData();
  }
}

3. 在模块中将服务添加到providers数组中：

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent } from './app.component';
import { DataService } from './data.service';

@NgModule({
  imports: [BrowserModule],
  declarations: [AppComponent],
  providers: [DataService],
  bootstrap: [AppComponent]
})
export class AppModule {}

现在，当应用组件初始化时，它将注入DataService并调用getData()方法来获取数据。然后，该数据将在模板中显示出来。