Javascript 将非表单html元素传递给Angular Controller

我在一个有角度的页面上显示搜索结果，用户可以选择将这些结果提交给API进行进一步处理

我想知道如何从控制器中的视图访问非表单元素/属性，以便将它们发送到所需的API

HTML

<ion-view view-title="{{book.title}}">
 <ion-content class="padding">
  <div class="list card">
   <div class="item item-avatar">
    <img ng-src="{{book.imageLinks.smallThumbnail}}">
    <h2>{{book.title}}</h2>
    <p>{{book.authors[0]}}</p>
   </div>

   <div class="item item-image">
    <img class="single-book-img" ng-src="{{book.imageLinks.thumbnail}}">
   </div>

  <div class="item item-body">
    <p>
    {{book.description}}
    </p>
    <p>
      <!--<a href="#" class="subdued">1 Like</a>
      <a href="#" class="subdued">5 Comments</a>-->
      <button class="button button-balanced activated" data-ng-click="addBook($event)">Add to Products</button>
    </p>

    </div>

  </div>

 </ion-content>
</ion-view>

在控制器文件console.log中记录事件并获取一个巨大的对象

---

我想知道是否有更有效的方法来获取我需要的数据。这包括img src以及标题、说明和作者

将

书本

对象作为argument@charlietfl哇，这么简单。非常感谢你，你甚至不需要把它当作论点来通过。您的控制器

$scope.book

中已经有它。您可以在

addBook

功能中访问它<代码>$scope.addBook=function（）{console.log（$scope.book）；}

.controller('SingleBookCtrl', function($scope, $stateParams,BookSearch){
  $scope.book = BookSearch.get($stateParams.bookId);
  $scope.addBook = function(event){
  console.log(event);
 }
})