如何使用angularjs從控制器獲取數據從控制器到$ scope在mvc中使用angularjs

Question

我是新來的角js，我使用角js與mvc5應用程序。我已經在js中創建了一個模塊和控制器來處理角度。我在客戶控制器（MVC5）中有一個「查看」操作。我們需要在這個視圖中顯示所有的客戶，我想在這裏使用「ng-repeat」。

我的問題是我收到客戶作爲模型的集合，以前我正在模型的foreach循環顯示客戶。現在我可以如何將模型添加到$ scope數據容器中，以便我可以在ng-repeat中使用。

Answer 1

到目前爲止，您一直在做的是將服務器上的客戶集合直接呈現給返回給客戶端的HTML。你想要做的最理想的是呈現沒有customers集合的HTML，並且通過$ http服務調用你的API控制器來爲你提供數據。從那裏，是很容易，你

我建議閱讀：

• 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

在控制器中使用$ 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'); 
    }); 

然後您可以在視圖ngRepeat：

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

Answer 2

你應該通過API請求到MVC控制器的功能是返回JSON到您的前端和比$ HTTP或$使用數據來這樣做資源將其饋送到您的控制器中。

Answer 3

爲了得到你所需要的HTTP模塊進行調用服務器 https://docs.angularjs.org/api/ng/service/ $ HTTP