Razor 与 JavaScript 代码混用
2024-11-22

Razor 与 JavaScript 代码混用:在 Razor 中,你使用了 @: 来直接输出 JavaScript。确保每个 @: 后面的 JavaScript 代码格式正确。

 @if (Model.AdminModel.Roles.IndexOf("|23|") > -1)
    {
        @:html += `<button class="layui-btn layui-btn-sm layui-btn-danger del" data-type="del" del="${data.data[i].PowerID}">
                    <i class="layui-icon">&#xe640;</i>删除</button>`;
    }

解释:

  1. 字符串拼接

          确保 html 变量从一开始就定义好,且保持字符串拼接时的格式一致性。
  2. 条件判断与 Razor 语法

         在 @if 语句中,用 @: 来输出 JavaScript 代码。这样确保 Razor 能正确渲染条件判断。 
  3. HTML 结构

        保留了原始的 HTML 结构,并确保每个部分的代码都正确拼接。