VB.net 通过 MVC 站点中的 ViewBag 传递 grid-template-areas 和 grid-template-columns 值答案

【问题标题】：VB.net pass grid-template-areas and grid-template-columns values via ViewBag in MVC siteVB.net 通过 MVC 站点中的 ViewBag 传递 grid-template-areas 和 grid-template-columns 值
【发布时间】：2019-02-13 06:47:58
【问题描述】：

我有一个使用 VB.net MVC 5 的胚胎站点，在 _layout 页面中我有我的主要结构（页眉、导航、页脚等）。该标签也在布局页面中，视图页面中唯一的内容是正文 html。我正在使用网格来排列我的内容的元素，并且我试图弄清楚如何在每页的基础上设置 grid-template-areas 和 grid-template-columns 值。目前，布局页面中包含以下样式。

<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: &#39;cap1 cap1&#39; &#39;cap2 cap3&#39; &#39;cap4 cap3&#39;;

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

提前致谢，

特里

【问题讨论】：

标签： css vb.net model-view-controller viewbag

【解决方案1】：

感谢这个答案：

Javascript, Razor and Escape characters. Like apostrophe

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

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

【讨论】：