Question

我有组件：

@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）中获取了背景，所以我添加了＃34; async＆＃34;，但我收到了错误消息：＆＃ 34;模板解析错误：管道＆＃39;异步＆＃39;无法找到＆＃34;。

我怎样才能让它发挥作用？

Answer 1

确保在模块声明中导入CommonModule。 CommonModule包含异步管道。

我已经复制了一个我自己的模块，在那里我遇到了完全相同的问题并省略了CommonModule。

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

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

Angular 2主机异步绑定

1 个答案: