如何一起使用 Angular 和 ASP.NET Razor

Question

如何将 ASP.NET 模型的参数传递给 ng-click 方法？

@foreach (var item in Model)
{
    <tr>
        <td>
            @Html.DisplayFor(modelItem => item.Name)
        </td>
        <td>
            <button class="btn btn-default" ng-click="addToBasket()"></button>
        </td>
    </tr>
}

我想将item.Id 传递给ng-click 属性设置的addToBasket 方法。

有什么简单的方法吗？

Answer 1

<button class="btn btn-default" ng-click="addToBasket(@( item.Id ))"></button>

Razor 的特殊 @ 字符（通常）被解释，无论位置或周围的 HTML 语法如何（如果您想在 Razor 中嵌入静态电子邮件地址，这将是一个问题......）

要转义@（例如输入电子邮件地址），只需输入两次：

<input type="email" value="foo@@bar.com" />