Question

我正在尝试将文本框中的项目添加到列表中，并希望显示在主页上。这是我的代码示例

HTML代码：

<div ng-controller="purchaseInvoiceInquiryController as c" ng-init="c.initializeController()">
<input type="text" ng-model="c.name" placeholder="Enter the Book" />
<input type="text" ng-model="c.price" placeholder="Enter a Price" />
<button ng-click="c.addBooks()">Add the Book</button></p>
<td ng-repeat="x in c.books"> {{ x.name + ' - ' + x.price}}</td>

并且角度控制器代码为：

 this.addBooks = function () {
            c.books = [{
                name: c.name,
                price: c.price
            }];
        };

当我尝试添加另一个项目时，它只会在该列表中添加一个项目。它将覆盖值。

Answer 1

改为使用push。

this.addBooks = function () {
            c.books.push({
                name: c.name,
                price: c.price
            });
        };

Answer 2

将书初始化为控制器中的空数组，并使用数组的push方法添加新书。您可能需要添加逻辑以避免重复。

this.books = [];
this.addBooks = function () {
  this.books.push({
    name: c.name,
    price: c.price
  });
};

在List onclick事件中添加数据

2 个答案: