ASP.Net MVC Angular：将Angular模型绑定到Razor复选框中

Question

是这种情况：

@for (int i = 0; i < Model.Roles.Count; i++)
{
    @Html.CheckBoxFor(m => Model.Roles[i].Selected, new { @data_role = "true", @data_roleName = Model.Roles[i].Text, ng_model = "selected.Roles[" + i + "].Selected" })<span> @Model.Roles[i].Text</span>
    @Html.HiddenFor(m => Model.Roles[i].Value, new { ng_value = "selected.Roles[" + i + "].Value" })
    @Html.HiddenFor(m => Model.Roles[i].Text, new { ng_value = "selected.Roles[" + i + "].Text" })
}

因此，我首先使用剃刀（例如：Model.Roles.Load（））填充Model.Roles以加载角色列表。然后，我使用上面的forloop来显示复选框。

问题是我怎么能得到这个？

$scope.selected.Roles[0] = { Text = "Admin", Value = "1", Selected = true };
$scope.selected.Roles[1] = { Text = "Registered", Value = "2", Selected = false};

在角度模型中？

我尝试将Hiddenfor与ng_model绑定，但是它为null，与ng_value绑定的事件为null。