如何在Angularjs2中设置初始观察值？

在AngularJS 2中，可以使用ngOnInit生命周期钩子来设置初始观察值。ngOnInit是Angular组件生命周期中的一个钩子函数，它会在组件初始化完成后被调用。

要设置初始观察值，首先需要导入Observable和BehaviorSubject类：

import { Component, OnInit } from '@angular/core';
import { Observable, BehaviorSubject } from 'rxjs';

@Component({
  selector: 'app-example',
  templateUrl: './example.component.html',
  styleUrls: ['./example.component.css']
})
export class ExampleComponent implements OnInit {
  // 创建一个BehaviorSubject对象，并设置初始值为null
  private initialValueSubject: BehaviorSubject<any> = new BehaviorSubject<any>(null);
  // 将BehaviorSubject对象转换为Observable对象
  public initialValue$: Observable<any> = this.initialValueSubject.asObservable();

  constructor() { }

  ngOnInit(): void {
    // 在ngOnInit中，可以通过next方法设置初始观察值
    this.initialValueSubject.next('Initial value');
  }
}

在上述代码中，我们创建了一个BehaviorSubject对象initialValueSubject，并将初始值设置为null。然后，通过将initialValueSubject转换为Observable对象initialValue$，可以在模板中订阅和使用这个初始观察值。

在ngOnInit函数中，使用initialValueSubject的next方法来设置初始观察值为'Initial value'。这样，当组件初始化完成后，初始观察值就会被设置。

在模板中，可以使用async管道来订阅和显示初始观察值：