css - VB.net 通过 MVC 站点中的 ViewBag 传递网格模板区域和网格模板列值

Question

我有一个使用 VB.net MVC 5 的初期网站，在 _layout 页面中我有我的主要结构(页眉、导航、页脚等)。标签也在布局页面中， View 页面中唯一的东西是正文 html。我正在使用网格来排列我的内容元素，并且我正在尝试弄清楚如何在每页的基础上设置网格模板区域和网格模板列值。目前，以下样式包含在布局页面中。

<style>
    .cc-grid {
        grid-template-columns: 50% 50%;
        grid-template-areas: 'cap1 cap1' 'cap2 cap3' 'cap4 cap3';

    }
</style>

我尝试的是使用 viewBag 参数将网格模板区域字符串 ('cap1 cap1' 'cap2 cap3' 'cap4 cap3') 作为属性传递，如下所示:

grid-template-areas: @ViewBag.Areas;

然后在实际内容中使用以下方法赋值:

@ViewBag.Areas = "'cap1 cap1' 'cap2 cap3' 'cap4 cap3'"

字符串的值已传递(我通过将 @ViewBag.Areas 放入

标记进行测试，它确实显示了正确的字符串。这似乎是在CSS。

如果无法在 CSS 中使用 ViewBag，那么与在布局页面中相比，在每页基础上设置这种样式属性的最佳方法是什么？

当我在 Edge 中检查页面时，它呈现如下:

grid-template-areas: 'cap1 cap1' 'cap2 cap3' 'cap4 cap3';

所以看起来单引号被呈现为 '。

提前致谢

特里

Answer 1

感谢这个回答:

Javascript, Razor and Escape characters. Like apostrophe

基本上我不得不这样使用 html.raw:

ViewBag.Areas = Html.Raw("'cap1 cap1' 'cap2 cap3' 'cap4 cap3'")