javascript - 如何使用angularjs从 Controller 获取数据到mvc中的$scope

Question

我是 angular js 的新手，我正在将 angular js 与 mvc5 应用程序一起使用。我在 js 中为 Angular 创建了一个模块和 Controller 。我在客户 Controller (MVC5)中有一个 Action “查看”。我们需要在此 View 中显示所有客户，我想在这里使用“ng-repeat”。

我的问题是我正在收集客户作为模型，之前我正在制作模型的 foreach 循环来向客户展示。现在我如何将模型添加到 $scope 数据容器中，以便我可以在 ng-repeat 中使用。

Answer 1

到目前为止，您一直在做的是将服务器上的客户集合直接呈现为返回给客户端的 HTML。理想情况下，您想要做的是在没有客户集合的情况下呈现 HTML，并通过 $http 服务调用您的 API Controller 以向您提供数据。从那里很容易，你

我建议阅读:

• > http://www.asp.net/web-api/overview/getting-started-with-aspnet-web-api/tutorial-your-first-web-api
• > https://docs.angularjs.org/api/ng/service/$http
• > https://docs.angularjs.org/api/ng/directive/ngRepeat

在 Controller 中使用 $http 远非最佳实践，但为了简化...... Controller 中的 $http 调用可能如下所示:

$http({method: 'GET', url: '/api/customers'}).
    success(function(data, status, headers, config) {
        $scope.customers = data;
    }).
    error(function(data, status, headers, config) {
      alert('error');
    });

然后你在 View 中 ngRepeat:

  <ul>
    <li ng-repeat="customer in customers">
       {{customer.name}}
    </li>
  </ul>