javascript - Angular-JS 中的嵌套对象和 ng-models

Question

我正在寻找一个问题的解决方案，而我尝试解决的方式可能不存在。因此，如果有人可以帮助我以最好的方式做到这一点。

问题:

我有以下输入字段:

 <input type="text" placeholder="quote" ng-model="person.quotes.quote">
 <input type="text" placeholder="author" ng-model="person.author">
 <input type="text" placeholder="category" ng-model="person.category">

我有以下对象:

$scope.person = {
author: $scope.author,
category: $scope.category,
quotes: [{quote: $scope.quote}]
};

我正在尝试将值 person.quote 放入引号数组中。但我似乎做不到。

原因:

我这样做的原因是，当用户填写输入字段并单击按钮时，这些值将保存到 $scope.person 对象中。然后我将整个对象推送到我的 firebase API。我想维护我的 $scope.person 对象的结构，正如我在我的 javascript 中描述的那样，在我的 firebase API 中也是如此。我可以轻松推送作者和类别，但不会推送嵌套的引号对象。

我得到的错误:

错误:Firebase.set 失败:第一个参数在属性“quotes.0.quote”中包含未定义

在此先感谢，如果这些信息还不够，请告诉我，以便我提供更多信息。

Answer 1

对象 person 的属性 quotes 是数组。

ng-model="person.quotes[0].quote"