angular - 检测 Angular 2 值的变化

Question

我有一个场景，我需要根据 bool 标志在屏幕上渲染一个 div。标志的值是从服务接收的。

  <div *ngIf="isEnabled()" class="col-sm-3 col-md-2 sidebar">
            <menu-bar></menu-bar>
        </div>

当服务返回 bool 值时，isEnabled 函数返回 null。订阅服务成功后有没有办法渲染这个div？

下面是我正在使用的组件:

export class MainAppComponent implements OnInit{

    static enabled : boolean = true;
    license : string;
    errorMessage : string;
    fatalError : boolean;
    mode = 'Observable';

    constructor(private licenseService : LicenceService){}

    ngOnInit(): void {
        this.licenseService.getLicenseInfo()
            .subscribe(info => {
                                if(info) {
                                    SharedService.isLicesePresent = true;
                                } else {
                                    SharedService.isLicesePresent = false;
                                }
                            },
                       error => {
                           this.fatalError = true;
                               this.errorMessage = <any>error;
                               swal({
                                   title: ' Error',
                                   type: 'warning',
                                   text: 'Network Error. Please contact customer support',
                               })

                            });
    }

    isEnabled() : boolean {
        return SharedService.isLicesePresent;
    }
}

Answer 1

将可观察对象分配给属性isEnabled并使用异步管道

this.isEnabled = someService.getStatus();

    <div *ngIf="isEnabled | async" class="col-sm-3 col-md-2 sidebar">
        <menu-bar></menu-bar>
    </div>