Angular 2 主机异步绑定答案

【问题标题】：Angular 2 host async bindingAngular 2 主机异步绑定
【发布时间】：2017-01-23 03:55:43
【问题描述】：

我有组件：

@Component({
    selector: 'my-selector',
    template: `<div>html code goes here</div>  
    `,
    host: {
        '[style.background]': "'url(' +  (myobj | async).background + ') 50% no-repeat'"
    },
    styleUrls: ['myComponent.scss'],
    changeDetection: ChangeDetectionStrategy.OnPush
})
export class MyComponent {
    @select(getMyobj)
    myobj: Myobj;
}

我需要绑定到我的宿主元素背景。我在 rxjs 对象（Observable）中获取背景，所以我添加了“异步”，但我收到错误消息：“模板解析错误：管道‘异步’可以找不到”。

我怎样才能让它工作？

【问题讨论】：

不再支持这样做（异步或主机绑定中的任何管道）

标签： angular rxjs

【解决方案1】：

请务必在您的模块声明中导入 CommonModule。 CommonModule 包括异步管道。

我复制了我自己的一个模块，在那里我遇到了完全相同的问题，但没有使用 CommonModule。

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';

@NgModule({
    declarations: [MyComponent],
    providers: [],
    imports: [CommonModule]
})
export class MyModule {
}

【讨论】：