如何在Razor页面（.cshtml）angular 2 final中禁用类

Question

<div class="spinner">
<div class="bounce1"></div>
<div class="bounce2"></div>
<div class="bounce3"></div>
</div>

如何在Razor页面中禁用类微调器（css​​类）？

我导入另一个页面（index.cshtml）

<link href="@Url.Content("~/css/mixin/spinner.css")" rel="stylesheet" type="text/css" />

和_Layout.cshtml

@RenderSection("Styles", required: false)

但是类spinner它在Login.cshtml中显示而没有导入。 如何在组件或剃刀页面中禁用？

Answer 1

在Angular2中你会这样做：

<div [class.spinner]="yourCondition == true">

如果条件为真，则将添加该类（在本例中为“spinner”）。 否则它将被删除..