MVC Razor неправильно отображает HTML внутри цикла @foreach - PullRequest
Новая
       18

MVC Razor неправильно отображает HTML внутри цикла @foreach

0 голосов
/ 24 января 2019

Я пытаюсь отобразить текст, когда вы наводите курсор мыши на данные таблицы и пытаетесь отформатировать его с использованием HTML. У меня есть текст, хранящийся в заголовке. Я могу заставить данные хорошо отображаться, когда наведу на них курсор, но я не могу правильно отобразить HTML. Так, например, если бы я хотел сделать текст жирным в заголовке, он был бы похож на <b>text bold</b> при наведении курсора на заголовок. Исправление кажется простым, но я не могу понять это. Я нашел сообщение пользователя, имеющего ту же проблему, но реального твердого решения не было.

Как правильно заставить HTML отображаться в цикле @foreach? 

<td data-trigger="hover" data-toggle="popover" data-placement="top" data-original-title="@Html.DisplayFor(modelItem => item.Report_Name)" data-content="@foreach (var t in item.report_change_log_list) {  @Html.Raw("<div style='text-align: left'><b>" + t.effective_date.ToString("MM/dd/yyyy") + "</b> : " + t.change.ToString() + "</br></br>" + "</div>")  }">
                                            @if (item.report_change_log_list.Any())
                                            {
                                                @Html.Raw("<i class='fa fa-stack-exchange fa-2x' style='color: #205686' aria-hidden='true'></i>");
                                            }
                                        </td>

1 Ответ

0 голосов
/ 24 января 2019

вам нужно добавить data-html="true" к вашему тегу td следующим образом: 

<td data-html="true" data-trigger="hover" data-toggle="popover" data-placement="top" data-original-title="@Html.DisplayFor(modelItem => item.Report_Name)" data-content="@foreach (var t in item.report_change_log_list) {  @Html.Raw("<b>Bold Doesn't work</b>")  }">
    @if (item.report_change_log_list.Any())
    {
        @Html.Raw("<i class='fa fa-stack-exchange fa-2x' style='color: #205686' aria-hidden='true'></i>");
    }
</td>

Здесь - это скрипка, которая иллюстрирует это

...