javascript - 将对象添加到为表单定义的变量中

Question

我有一个表单，它使用由多个字段和数组组成的 $scope.booking 变量，全部从 HTML 加载。我需要从 javascript 添加一组对象，每次添加一个对象。我试过了

$scope.booking.newExternalUsers[$scope.count]= $scope.user.newExternalUser;

和

$scope.booking.newExternalUsers.push=$scope.user.newExternalUser;

但我收到 Cannot set property '0' of undefined 和 Cannot set property of undefined，这是正确的，因为我只实例化了 $scope.booking ={}也许是一个愚蠢的问题，但我几乎是 AngularJS 的新手，如何每次添加一个 $scope.user.newExternalUser (对于每个按钮事件)？谢谢

Answer 1

您应该先定义数组，然后再为其设置值。

像这样:

$scope.booking = {};

$scope.booking.newExternalUsers = [];

或

$scope.booking = {
    newExternalUsers: []
};

然后

您可以根据需要向其中添加项目，如下所示:

$scope.booking.newExternalUsers[$scope.count]= $scope.user.newExternalUser;

或使用Array.prototype.push()

$scope.booking.newExternalUsers.push($scope.user.newExternalUser);