javascript - ASP.net Razor MVC5 在我的 cshtml 页面内的 javascript 中插入 @{}

Question

刚接触 Razor ，这是我的问题。

我想向我的 JavaScript 创建的按钮添加一些动态代码:

$('<button ' +
    '"class="btn btn-default btn-outline" ' +
    'id="addEvent" ' +
    'style="top: -20px; position: relative;" ' +
    'data-tooltips="' + @Html.Raw(new ETTData.Models.Held.tips()._tips["RequestID"]) + '">' +
    'Add New Event' +
 '</button>').insertBefore('#theDT_paginate .pagination');

正如您在上面看到的，数据工具提示是我尝试插入razor代码的区域。

虽然它似乎不起作用。它只是显示如下:

$('<button ' +
    '"class="tips btn btn-default btn-outline" ' +
    'id="addEvent" ' +
    'style="top: -20px; position: relative;" ' +
    'data-tooltips="' + example 1 + '">' +
    'Add New Event' +
  '</button>').insertBefore('#theDT_paginate .pagination');

并给出错误:

Expected ')'

我已经尝试过我找到的示例 HERE但这似乎不起作用？

Answer 1

由于您将 C#/Razor 代码嵌入到 javascript 中，因此您实际上不需要在该部分使用 concat，因为 JS 不知道其中的区别。尝试一下

'data-tooltips="@Html.Raw(new ETTData.Models.Held.tips()._tips["RequestID"])">' +

这应该导致:

'data-tooltips="example 1' +

也就是说，您的 @Html.Raw 输出是“示例 1”。你真的想要那里的空间吗？

除非“example1”是之前定义的 JS 变量，否则您确实需要 concat，但希望摆脱该空格。