Question

我知道已经有人问过有关使用像素的计算的问题。我想知道是否仍然可以使用Angular2中的样式绑定目标中的百分比和像素进行计算。

我尝试过：

[style.width]="100%-16+'px'"
[style.width.px]="100%-16"

我也尝试过：

@Input() width: number;
_width = 'auto';    
this._width = this.width ? this.width + 'px' : 'auto'

width="calc(100% - 16)"
width="calc(100% - 16px)"
width="100% - 16"
width="100% - 16px"

Answer 1

我做了一些测试，它应该可以工作。通常我会在CSS类中使用它，所以我不确定，所以我在极简应用程序中进行了测试，甚至在样式上都可以使用。

style =“ background-color：黑色；宽度：calc（100％-1000px）;”

您面临的问题是您会收到来自父母的宽度吗？

使用ngStyle指令似乎正确。经过测试，可以正常工作。

 <TechnicalProfile Id="LocalAccountSignUpWithLogonEmail-NoVerify">
   <ValidationTechnicalProfiles>
     <ValidationTechnicalProfile ReferenceId="API-UpdateUser" />
     <ValidationTechnicalProfile ReferenceId="API-GetUser" />
     <ValidationTechnicalProfile ReferenceId="AAD-UserWriteUsingLogonEmail" />
   </ValidationTechnicalProfiles>
 </TechnicalProfile>

Angular2-样式绑定或属性中的百分比计算

1 个答案: