Добавить данные в список событий onclick

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.books = [];
this.addBooks = function () {
  this.books.push({
    name: c.name,
    price: c.price
  });
};

Answer 2

Используйте push вместо.

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