Angular js中的语法错误从html页面http.get()数据传递参数

时间:2016-02-12 10:32:57

标签: javascript angularjs angularjs-ng-click

我正在尝试从html页面传递一个参数来从数据库中删除一行。 http.get()方法返回所有书籍的数据,我正在传递某本书的id以删除它。 但它返回synatx错误。

这是带有删除按钮的html页面,在ng-click

上有函数调用
    <div class="container">

      <table class="table">
        <thead>
          <tr>
            <th>Id</th>
            <th>Name of Book</th>
            <th>Author</th>
            <th>Description</th>
            <th>No of books available</th>
          </tr>
        </thead>

        <tbody>

          <tr ng-repeat = "book in libraryBooks | filter:keyword">
            <td>{{book.id}}</td>
            <td>{{book.name}}</td>
            <td>{{book.author}}</td>
            <td>{{book.description}}</td>
            <td>{{book.count}}</td>

<td><button ng-click = "removeItem({{book.id}})">remove</button></td>
      </tr>

        </tbody>
      </table>
    </div>

这是在浏览器控制台中返回synatx错误 我传递这个参数来接收控制器来调用一个hibernate函数来删除具有该特定id的书

3 个答案:

答案 0 :(得分:2)

你可以只传递book.id

像这样:

<button ng-click = "removeItem(book.id)">remove</button>

答案 1 :(得分:1)

因为您无法在{{}}指令中使用ng-click插值指令,因为您可以直接访问ng-click指令上的范围变量

ng-click="removeItem(book.id)"

答案 2 :(得分:0)

ng-click是angular指令。它从范围接受参数。所以你可以使用以下行

纳克单击=&#34;的removeItem(book.id)&#34;