javascript - 在 Angular JS 中访问 HTML Parent、Child、Sibling 元素

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>

请指导我如何从 Controller 访问 Angular js 中的 html 元素。

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>

然后，在您的 Controller 中:

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

为了解释它，在您的 ng-click 中，您发送数组名称，在您的情况下为 items 和 index (数组中的位置)，然后 delete 函数获取要删除的数组以及该项目在数组中的位置