訪問HTML父母，子女，在角JS兄弟元素

Question

$scope.delete = function(){ 
 
      Here I want to get the t.number 
 
     }; 
 
    

<li class="item" ng-repeat="t in items"> 
 
        <div class="row"> 
 
         <div class="col col-10"><i></i></div> 
 
         <div class="col col-70"> 
 
          <span class="number">{{t.number}}</span> 
 
          <p class="date">{{t.date}}</p> 
 
         </div> 
 
         <div class="col col-20"> 
 
          <i class="ion ion-ios-paper" ng-click="Details()"></i> 
 
          <i class="ion ion-trash-a" ng-click="delete()"></i> 
 
         </div> 
 
        </div> 
 
       </li>

請指導我如何訪問HTML元素的角度JS從控制器。

Answer 1

下面是你需要什麼牛逼Ø在ng-click="delete(items, $index)'

<li class="item" ng-repeat="t in items"> 
    <div class="row"> 
     <div class="col col-10"><i></i></div> 
     <div class="col col-70"> 
      <span class="number">{{t.number}}</span> 
      <p class="date">{{t.date}}</p> 
     </div> 
     <div class="col col-20"> 
      <i class="ion ion-ios-paper" ng-click="Details()"></i> 
      <i class="ion ion-trash-a" ng-click="delete(items, $index)"></i> 
     </div> 
    </div> 
</li> 

做然後，在你的控制器：

$scope.delete = function(array, index){ 
    console.log('Item number: ',index); // Get element number 
    array.splice(index, 1); // Delete element 
}; 

，並解釋它，在你ng-click，你送這是你的情況items和index（位置在數組名array），那麼delete函數get的要刪除的數組和陣列中項目的位置

Answer 2

從HTML傳遞實體控制器

嘗試這樣

的Html

<i class="ion ion-trash-a" ng-click="delete(t)"></i> 

CTRL

$scope.delete = function(entity){ 
    console.log(entity.number); 
    // if you wanna delete item 
    var index = $scope.items.indexOf(entity); 
    $scope.items.splice(index,1); 
};