Jquery 如何在asp.net-MVC中使用angular.js和强类型视图

我正在ASP.NET-MVC中开发一个web应用程序。任务是从数据库生成一个复选框列表，并对其设置一些条件。复选框列表中总共有8项，条件类似于如果选中第二个复选框，则自动选中第一个复选框，并禁用第三个和第四个复选框。在选择它们时，所选复选框的值应自动添加为总成本。我通过使用J-Query和javascript实现了同样的效果

但我的一个朋友说，我不应该使用jquery，而应该使用Angular.js，与j-query相比，它更轻量级，更易于使用

现在我搜索angular，发现它功能强大，易于与html一起使用。但是，当我在MVC中使用它时，这些值来自数据库，我无法在代码中使用angular。我的代码是

@foreach (var item in Model)
{
<div class="col-md-8">
    <input type="checkbox" name="@item.serviceName" id="@item.serviceName" value="@item.cost">@item.serviceName
</div>

<div id="price-list" class="col-md-4">

    <label>@item.cost</label>

</div>
}

@foreach（模型中的变量项）
{
@item.serviceName
@项目成本
}

这将生成复选框。现在我应该如何使用Angular.js呢 或者，不可能用角度来实现同样的效果。或者我必须坚持使用J-Query。 或者它们是我应该用来实现相同功能的任何其他java脚本框架

在这方面需要你的帮助。

---

谢谢

将您的模型序列化为JSON并在AJAX调用中将其加载到JavaScript，然后使用Angular并避免使用Razor代码。我建议先看一下本教程：将强类型MVC视图与Angular视图混合使用不会给您带来太多好处，如果您对这两种技术都不太在行，则可能会让您感到困惑。@Jasen所以您建议我必须坚持使用jquery。那么，这有可能实现同样的目标吗angular@dave谢谢dave我想我必须开始Angulari的第一步如果你有一个现有的站点，我会发现使用jQuery比为Angular重新构造它更容易。将你的模型序列化为JSON并在AJAX调用中加载到JavaScript，然后使用Angular并避免使用Razor代码。我建议先看一下本教程：将强类型MVC视图与Angular视图混合使用不会给您带来太多好处，如果您对这两种技术都不太在行，则可能会让您感到困惑。@Jasen所以您建议我必须坚持使用jquery。那么，这有可能实现同样的目标吗angular@dave谢谢dave我想我必须开始Angulari的第一步如果你有一个现有的站点，我会发现使用jQuery比为Angular重新构造它更容易。将你的模型序列化为JSON并在AJAX调用中加载到JavaScript，然后使用Angular并避免使用Razor代码。我建议先看一下本教程：将强类型MVC视图与Angular视图混合使用不会给您带来太多好处，如果您对这两种技术都不太在行，则可能会让您感到困惑。@Jasen所以您建议我必须坚持使用jquery。那么，这有可能实现同样的目标吗angular@dave谢谢dave，我想我必须迈出Angulari的第一步如果你有一个现有的站点，我会发现使用jQuery比为Angulari重新构建它更容易。