ng-repeat没有以正确的格式生成结果

Question

我是angularjs的新手，正致力于创建示例应用程序。我正在使用ng-repeat指令。我的控制器看起来像这样：

app.controller('CustomerController',function ($scope) {
    $scope.customers = [{ Name: 'Emp One' }, { Age: 10 }, { Salary: 100000000 },
    { Name: 'Emp Two' }, { Age: 20 }, { Salary: 2000000 },
    { Name: 'Emp Three' }, { Age: 30 }, { Salary: 300000000 }];

    $scope.AddCustomer = function() {
        $scope.customers.push($scope.NewCutomer.Name, $scope.NewCutomer.Age, $scope.NewCutomer.Salary);
    };
})

现在在视图中我只是打印输出。

<div ng-repeat="cust in customers">
    <p>Name:   {{cust.Name}}  Age:  {{cust.Age}}   Salary: {{cust.Salary}}</p>   
</div>

看下面的图像，而不是产生3行，系统产生9行。

我希望输出

Name: EmpOne Age: 10 Salary: 10000000
Name: EmpTwo Age: 30 Salary: 2000000
Name: EmpThree Age: 30 Salary: 300000000

Answer 1

您的对象格式不正确，应为：

$scope.customers = [{ Name: "Emp One", Age: 10, Salary: 100000000 },

等等。否则，每个对象都会获得一个新行，就像您当前的结果一样。