在Angular中，无法直接从函数中返回一个值，因为Angular中的函数通常是异步的。但是，你可以使用Observable对象来解决这个问题。

下面是一个示例代码，展示了如何使用Observable对象来返回一个值：

1. 创建一个新的Angular服务（例如，data.service.ts）：

import { Injectable } from '@angular/core';
import { Observable, of } from 'rxjs';

@Injectable({
  providedIn: 'root'
})
export class DataService {

  constructor() { }

  getData(): Observable {
    return of('Hello, World!');
  }
}

2. 在组件中注入数据服务，并在需要返回值的函数中调用getData()方法：

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

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

  constructor(private dataService: DataService) { }

  ngOnInit() {
    this.getData();
  }

  getData(): void {
    this.dataService.getData()
      .subscribe(data => this.data = data);
  }
}

3. 在模板中显示返回的值：

{{ data }}

在上面的示例中，我们创建了一个名为DataService的服务，其中的getData()函数返回一个Observable对象，该对象包含字符串“Hello, World!”。在MyComponent组件中，我们注入了DataService服务，并在getData()函数中订阅了Observable对象，将返回的值赋给组件的data属性。最后，在模板中将data属性显示出来。

这样，当组件初始化时，getData()函数会被调用，并将返回值赋给data属性，最后在模板中显示出来。