陣列在Angularjs中的數據來自服務器

Question

我在Workbench MYSQL中有一個名爲「project_manager_names」的列。我正在嘗試在該列的數組中引入一些數據。下面是我認爲是正確的，但不獲取任何數據和觀點凍結代碼：

<dd> 
    <div ng-repeat-start="managers in project_data"></div> 
    <div ng-repeat="name in managers.project_manager_name">{{name}}</div> 
    <div ng-repeat-end><br /></div> 
</dd> 

和controller.js：

function ProjectCtrl($scope, $http, $timeout, $state, $stateParams) { 

$http.get('../crud/projects_read.php').then(function(response){ 
    $scope.projects = response.data; 
    $scope.project_data = $scope.projects[$stateParams.id] 
    }); 
}; 

，並從服務器的「project_manager_name」 ：

{ name:"Mike" }, {name:"Jenny"}, {name:"James"} 

我手動輸入數據就像在工作數據庫中。也許這可能是錯誤的？

如何使上述代碼正常工作，以便從表中引入PROJECT_MANAGER_NAME中的數組NAME？

預先感謝您！

Answer 1

您需要將ng-repeat放置在要重複的元素上。 manager in managers將查看managers中的每個元素並將其分配給manager變量。然後您可以通過{{ manager.product_manager_name }}訪問結果中的列。您可以訪問name元素爲manager.product_manager_name.name。

控制器

$scope.managers = [ 
    { name: 'manager 1', product_manager_name: { name: 'mike' } }, 
    { name: 'manager 2', product_manager_name: { name: 'joe' } }, 
]; 

HTML部分

<div ng-repeat="manager in managers"> 
    <div>{{ manager.product_manager_name.name }}</div> 
</div>