$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 元素。
最佳答案
这是您需要在 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
函数获取要删除的数组以及该项目在数组中的位置
关于javascript - 在 Angular JS 中访问 HTML Parent、Child、Sibling 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31072454/