∮问题是
我有一个订阅Observable的组件，只有当我将鼠标移到浏览器窗口上时，myValue的值才会在模板中更新。
最奇怪的是两个console.log工作正常。

• 我重新加载页面，保持鼠标静止
• 我可以在控制台中看到更新后的值
• 模板仍显示"defaultValue"值
• 我移动鼠标，模板显示我已经在控制台中看到的更新值。

我设法使它与ChangeDetectorRef和.detectChanges()一起工作，但当您不知道问题在哪里时，它似乎与在AngularJS中使用$scope.apply()一样错误。

我的组件.组件. ts

import { Component, Input, OnDestroy, OnInit } from '@angular/core';
import { Subscription } from 'rxjs/Subscription';

import { HelperService } from 'path';

@Component({
    selector: 'my-selector',
    templateUrl: 'my-component.component.html'
})
export class MyComponent implements OnDestroy, OnInit {
    myValue: string;

    private subscription: Subscription;

    constructor(
        private helperService: HelperService
    ) {
        //
    }

    ngOnInit() {
        this.myValue = 'defaultValue';

        this.subscription = this.helperService.getNewValue$().subscribe((newValue) => {
            console.log('pre', this.myValue);
            this.myValue = newValue;
            console.log('post', this.myValue);
        });
    }

    ngOnDestroy() {
        if (this.subscription !== undefined ) {
            this.subscription.unsubscribe();
        }
    }
}

助手.服务. ts

getNewValue$(): Observable<string> {
        return Observable.fromPromise(this.methodCallingAThirdPartyLibrary());
    }

我的组件.组件. html

debug: {{ myValue }}