Question

我是Polymer和ASP.NET的新手。我正在尝试使用Polymer开发一个ASP.NET项目。但是当我在Polymer中使用@apply()来自定义样式时，会出现如下错误：

当前上下文中不存在名称“apply”

这是我的代码

<dom-module id="simple-todo">
 <template>
  <style is="custom-style">
  .flex {
    @apply(--layout-horizontal);
  }
        </style>
        <div class="container flex">
            <div>one</div>
            <div>two</div>
            <div>three</div>
        </div>
    </template>
</dom-module>

提前Thanx！

Answer 1

@在剃刀文件中有特殊含义。这意味着它是一些服务器代码（C＃）的开始。所以apply是一种C＃方法的剃刀引擎！ @还将对表达式的结果进行Html编码。

您可以使用Html.Raw()方法来处理此案例。 Raw方法不会对结果进行编码

<dom-module id="simple-todo">
    <template>
        <style is="custom-style">
  .flex {    
            @Html.Raw("@apply(--layout-horizontal);")
        }
        </style>
        <div class="container flex">
            <div>one</div>
            <div>two</div>
            <div>three</div>
        </div>
    </template>
</dom-module>

Answer 2

你也可以做双@

@@apply(--layout-horizontal);

聚合物中的@apply无法在asp.net

2 个答案: