【问题标题】:ASP Core MVC: Pass Html String from Controller into View with variablesASP Core MVC:将 Html 字符串从控制器传递到带有变量的视图
【发布时间】:2019-11-06 15:20:52
【问题描述】:

我想将变量传递到 HTML 屏幕并放置在屏幕上。目前使用网络核心。

此问题仅适用于常规 .Net,似乎不起作用。 Pass Html String from Controller to View ASP.Net MVC

测试控制器:

_cardtitle = "Green Tree Title";
_cardtext = "Oak tree with leaves";
_imageurl = "https://images.unsplash.com/reserve/bOvf94dPRxWu0u3QsPjF_tree.jpg?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60"

public IActionResult Test(string _cardtitle, string _cardtext)
{

    ViewBag.CardTitle = _cardtitle;
    ViewBag.CardText = _cardtext;
    ViewBag.ImageURL= _imageurl;

    ViewBag.Cardstring = @"<div class=""card"" style=""width: 18rem;"" >
<img class=""card -img-top"" src =""https://images.unsplash.com/reserve/bOvf94dPRxWu0u3QsPjF_tree.jpg?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60"" alt =""Card image cap"" >
<div class=""card -body"" >
    <h5 class=""card -title"" > @ViewBag.CardTitle</h5>
    <p class=""card -text"">@ViewBag.CardText</p>
</div>
</div>";
    return View();
}

Test.cshtml

@Html.Raw(ViewBag.Cardstring)

现在我只看到 @& 变量,

【问题讨论】:

    标签: asp.net-core razor view .net-core-2.0


    【解决方案1】:

    您的 ViewBag 显示错误。

    Html.Raw(ViewBag.Cardtest) 更改为Html.Raw(ViewBag.Cardstring)

    编辑: 根据我的 cmets 这应该适合你。您需要将 @ViewBag.CardTitle@ViewBag.CardText 作为属性传递,而不是作为字符串的一部分。

    ViewBag.Cardstring = "<div class=\"card\" style=\"width: 180rem;\"><img class=\"card -img-top\" src =\"https://images.unsplash.com/reserve/bOvf94dPRxWu0u3QsPjF_tree.jpg?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60\" alt =\"Card image cap\"><div class=\"card -body\" ><h5 class=\"card -title\" >" + @ViewBag.CardTitle +"</h5><p class=\"card -text\">" + @ViewBag.CardText + "</p></div></div>";
    

    【讨论】:

    • 抱歉刚刚修复了我的问题代码,但还没有解决底层问题,同样的结果
    • 删除@,同时将原始html分配给控制器中的ViewBag.Cardstring
    • 这样会导致语法错误,需要包含html
    • 是的,你需要在双"前面加\"
    猜你喜欢
    • 2021-02-21
    • 1970-01-01
    • 1970-01-01
    • 2014-05-11
    • 1970-01-01
    • 2013-04-07
    • 1970-01-01
    • 2012-02-10
    相关资源
    最近更新 更多