Javascript 角度提交仅进行第一次v2错误

我在Angular是新来的，我正在尝试创建一个包含书籍列表（属性a、b、c、d）的网站，在那里你可以添加新书。第一次提交everythik时一切正常，第二次出现此错误v2.newBook不是函数。有人知道为什么它第一次工作，第二次不工作吗？Thx

`https://plnkr.co/edit/OtfLPuQFptfgUxuo0pXJ`

---

这是因为要调用的函数和图书模型本身使用相同的名称。启动后，仅存在

$scope.newBook

功能

，但稍后您将使用图书型号覆盖该功能。只需重命名函数或模型即可。

---

这是一个正在工作的plnkr。您的函数和对象都是导致问题的newBook

---

---

HTML:

    <form class="form-group" ng-show="newBookForm" ng-submit="newBook1(newBook)" novalidate>

---

---

在代码函数中

resetForm（）

将

$scope.newBook

函数转换为对象

 $scope.newBook = function(book) {
    book.id = $scope.books.length;
    $scope.books.push(book);
    resetForm();
  }

  function resetForm() {
    $scope.newBook = { //here you defined newBook again as object
      d: '',
      b: '',
      c: '',
      d: ''
    }
  }

---

您在代码中犯了一个小错误，实际上您已经重置了d对象两次，而留下了重置a。 函数resetForm（）{ $scope.newBook={ d:“， b:“， c:“， d:' } }

只需将d:“”更改为a:“”即可运行

---

谢谢

欢迎来到StackOverflow！如果你提供一些额外的信息，你将有更高的机会得到你问题的答案。尤其重要的是，在问题正文中为您的问题提供相关代码。单独指向其他网站的链接不会为将来的其他网站提供上下文，而将链接隐藏在代码块中会使链接无法单击。请看#1。

 $scope.newBook = function(book) {
    book.id = $scope.books.length;
    $scope.books.push(book);
    resetForm();
  }

  function resetForm() {
    $scope.newBook = { //here you defined newBook again as object
      d: '',
      b: '',
      c: '',
      d: ''
    }
  }