我在 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 是否有什么变化会拒绝绑定到特定的样式属性?