如何使用angularjs将数据从控制器获取到mvc中的$ scope

时间:2014-09-02 07:40:21

标签: javascript jquery asp.net-mvc angularjs

我是角度js的新手,我使用带有mvc5应用程序的角度js。我在js中为angular创建了一个模块和控制器。我有一个动作"查看"在客户控制器(MVC5)中。我们需要在此视图中显示所有客户,并且我想使用" ng-repeat"这里。

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

3 个答案:

答案 0 :(得分:1)

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

我建议阅读:

在控制器中使用$ http远离最佳做法,但为了简化...控制器中的$ http调用可能如下所示:

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

然后你在视图中重新阅读:

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

答案 1 :(得分:0)

你应该通过对MVC控制器函数的api请求来执行此操作,该函数将json返回到您的前端,而不是使用带有$ http或$ resource的数据将其提供给您的控制器。

答案 2 :(得分:0)

要获取数据,您需要http模块来调用服务器 https://docs.angularjs.org/api/ng/service/ $ HTTP