JSON数据数组上的Angular ng-repeat

Question

您好，我对 angular 有点陌生，并试图弄清楚如何访问 json 键并迭代和打印数组中包含的值。在我下面的例子中，我正在尝试打印名称及其角色。

angular.module('employeeEarnestApp')
  .controller('MainCtrl', function ($scope) {
    $scope.employees = [ { id: 1, name: 'Alex', roles: ['admin','user','CEO'] },
  { id: 2, name: 'John', roles: ['developer','marketing'] },
  { id: 3, name: 'Kim', roles: ['sales','developer','CTO'] } ];
  });

如何使用 ng-repeat 打印出数组中的角色？我想它可能是下面这样的东西？

 <div class="container">
    <h2>My Employees</h2>
    <p class="form-group" ng-repeat="employee in employees">
     {{employee.id}} - {{employee.name}}
    <p class="form-group" ng-repeat="roles in {{employees.roles}}">
     {{roles}}
   </p>
   </p>
 </div>

Answer 1

删除 ng-repeat 中的 {{}}，因为 ng-repeat 会自动计算表达式，不需要 {{}}。

 <div class="container">
    <h2>My Employees</h2>
    <p class="form-group" ng-repeat="employee in employees">
     {{employee.id}} - {{employee.name}}
    <p class="form-group" ng-repeat="role in employee.roles">
     {{role}}
   </p>
   </p>
 </div>

见，http://jsbin.com/hasuyewazi/1/edit