Question

使用@HostBinding将属性绑定到我的组件的背景图像时，在指定图片网址时它不起作用。

使用Angular2 RC-1的第一个示例：

use CGI qw(:cgi);
print header(-type => 'text/html', -status => '401 Not Authorized',
         'WWW-Authenticate' => 'Basic realm="Videos"');

在检查DOM时，我们可以找到import {Component, HostBinding} from "@angular/core"; @Component({ selector: 'demo', template: 'something' }) export class DemoComponent { @HostBinding('style.background-image') backgroundImage = 'url(http://placekitten.com/g/200/300)'; } - ＆gt;不好

第二个例子：

<demo>something</demo>

这一次，在检查DOM时，我们可以找到import {Component, HostBinding} from "@angular/core"; @Component({ selector: 'demo', template: 'something' }) export class DemoComponent { @HostBinding('style.background-image') backgroundImage = 'none'; } - ＆gt; GOOD

我尝试使用<demo style="background-image: none;">something</demo>而不是background，它使用的颜色类似于background-image，但仍然无法使用网址。

我还尝试稍后使用"blue"内的setTimeout动态更改值，当从ngAfterViewInit()更改为"none"时，它会有效，但不会使用网址，值保持"blue"。

Answer 1

这是一种行为，因为Angular2的风格消毒剂非常严格......似乎最近已经修复了。

请参阅此问题：

Angular2 @HostBinding无法绑定背景图像样式

1 个答案: