首页 > 解决方案 > cshtml 文件变量和每个标签的多个类无法正确呈现

问题描述

不幸的是,像“类”这样的关键词,很难找到这个问题的答案。

我想要的是:<tr class="collapse multi-collapse">,但我得到的是<tr class="collapse" multi-collapse="">

这是如何发生的:

    var st = "collapse multi-collapse";
    style = $"class={st}";
    <tr @style>

我将这两个项目放在一个变量中的原因是因为我认为它会将两者渲染在一起而不是将它们分开......但这不起作用,正如你所看到的。我最初只是直接在那里有两个值,但这也不起作用。

为什么会发生这种情况,或者我能做些什么来得到我正在寻找的东西......我只是不知道。如何按照我想要的方式进行渲染?

标签: c#razor

解决方案


在查看 [this post][1] 后,我意识到变量不能包含class=. 所以我将<tr>标签改为如下所示:<tr class="@style">并确保style变量如下所示:style = $"{st}";然后一切都正确呈现。

    var st = "collapse multi-collapse";
    style = $"{st}";
    <tr class="@style">

  [1]: https://newbedev.com/how-to-add-a-second-css-class-with-a-conditional-value-in-razor-mvc-4

推荐阅读