小编Nil*_*ner的帖子

无法绑定到 angular 4 中的 style.clip-path

我在 Angular 4 中有一个简单的组件,如下所示:

HTML

<div [style.clip-path]="shape" [style.background-color]="color"</div>
Run Code Online (Sandbox Code Playgroud)

我添加到 .ts 文件中的唯一内容是:

 color = 'green';
 shape = 'polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%)';
Run Code Online (Sandbox Code Playgroud)

有一些样式可以使div400px x 400px。当我提供此代码时,我看到一个绿色框,这意味着样式绑定至少在background-color. 然而,盒子仍然是一个正方形,而不是我定义的五边形。clip-path似乎没有正确设置。

更奇怪的是,我用 Angular 2 对此进行了测试,它按预期运行。

Angular 2 -> Angular 4 是否有什么变化会拒绝绑定到特定的样式属性?

html css clip-path angular

6
推荐指数
1
解决办法
1329
查看次数

标签 统计

angular ×1

clip-path ×1

css ×1

html ×1