需要從ng-repeat按鈕列表中返回一個變量

Question

我有一個由'catID'和'catName'組成的Json字符串。到目前爲止，我已經設法創建了一個按鈕列表，標有每個類別。當用戶點擊與類別關聯的按鈕時，我一直試圖返回catID。它現在返回$ index，這很好，但理想情況下，catID可以讓我將信息傳遞到我的編碼的下一個階段。我需要$索引來激活正確的按鈕。

這是我的時刻：

<h4>Select Category</h4> 
    <ul class="nav nav-pills"> 
     <li ng-repeat="categories in model" ng-class="{'active':rowIndex == $index }" ng-click="selectRow($index)"> 
     <a href="">{{categories.catID + " " + categories.catName}}</a> 
     </li> 
    </ul> 

我的角度控制器：

app.controller("catBtnCtrl", function ($scope) { 
     $scope.selectRow = function (index) { 
      if (index === $scope.rowIndex) 
       $scope.rowIndex = -1; 
      else 
       $scope.rowIndex = index; 
     }; 
    }); 

我已經嘗試了幾種不同的方法，但都是一片空白。任何幫助，將不勝感激！

Answer 1

這是怎麼回事： 當你獲得控制器功能的索引後，你可以搜索正確的項目細節。 或者你也可以通過2個值的功能和HTML給他們

UPDATE

app.controller("catBtnCtrl", function ($scope) { 
     $scope.categoryID = null; 
     $scope.categoryName = null; 
     $scope.selectRow = function (index, id, name) { 
      if (index === $scope.rowIndex) 
       $scope.rowIndex = -1; 
      else 
       $scope.rowIndex = index; 
      $scope.categoryID = id; 
      $scope.categoryName = name; 
      // next do some functions that retrieve the data that corresponds to these parameters 
     }; 
    }); 

選擇類別

<ul class="nav nav-pills"> 
    <li ng-repeat="categories in model" ng-class="{'active':rowIndex == $index }" ng-click="selectRow($index, categories.catID, categories.catName)"> 
    <a href="">{{categories.catID + " " + categories.catName}}</a> 
    </li> 
</ul> 

Answer 2

您也可以通過整個項目能：

<li ng-repeat="categories in model" ng-class="{'active':rowIndex == $index }" ng-click="selectRow(categories, $index)"> 
    <a href="">{{categories.catID + " " + categories.catName}}</a> 
</li> 

但是你需要改變這樣的參數：

$scope.selectRow = function (category, index) {}