Html元素在空间中破坏的动态类

时间:2016-08-23 14:43:30

标签: html asp.net razor twitter-bootstrap-3

在我的ASP .Net项目中,我在视图上创建了以下函数(Razor):

count()

然后我就这样使用它:

@functions{

    public string GetClassFromLevel_Global(decimal level)
    {
        return level >= Model.global_limit ? "progress-bar progress-bar-success" : "";
    }
}

我得到的回报:

<div class=@GetClassFromLevel_Global(total.Value) ...></div>

由于某种原因,返回的字符串在空格处断开,我该如何解决?

1 个答案:

答案 0 :(得分:1)

换行符不应该是格式良好的HTML中的问题。但是,您的Razor语法存在问题:

<div class=@GetClassFromLevel_Global(total.Value) ...></div>

将生成此html:

<div class=progress-bar progress-bar-success ...></div>

第一个元素progress-bar将被解析为class属性的值,其中progress-bar-success将被解析为没有值的属性。我怀疑您在问题中提供的输出是从浏览器开发人员工具HTML检查中复制的。如果引用函数调用,您将得到预期结果:

<div class="@GetClassFromLevel_Global(total.Value)" ...></div>

将生成:

<div class="progress-bar progress-bar-success" ...></div>