@apply in polymer 在 asp.net 中不起作用

Question

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

The name 'apply' does not exist in the current context

这是我的代码

<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>

提前致谢！

Answer 1

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

您可以使用Html.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);