Angularjs中Array中的数组,其中包含来自Server的数据

时间:2017-08-10 15:45:55

标签: angularjs

我在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?

提前谢谢!!

1 个答案:

答案 0 :(得分:0)

您需要将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>