Доступ 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 (место нахождения в массив), то функция delete получит массив, который вы хотите удалить, и положение элемента в массиве

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); 
};