Rumah > pembangunan bahagian belakang > tutorial php > javascript - angularJS中如果点击获得ng-repeat数组对象中的属性元素中的当前元素对他操作

javascript - angularJS中如果点击获得ng-repeat数组对象中的属性元素中的当前元素对他操作

WBOY
Lepaskan: 2016-09-21 14:13:12
asal
5072 orang telah melayarinya

javascript - angularJS中如果点击获得ng-repeat数组对象中的属性元素中的当前元素对他操作例如,我想把这模拟数据数组对象利用急用ng-repeat循环页面显示,我想在点击的时候把当时对象的点击选中的count+1.我该怎么获得这个当时元素呀
javascript - angularJS中如果点击获得ng-repeat数组对象中的属性元素中的当前元素对他操作如果是这样呢!我想获取support,对support进行操作+1,gid是作品的id,但是每个id只能+1,类似点赞功能!

回复内容:

javascript - angularJS中如果点击获得ng-repeat数组对象中的属性元素中的当前元素对他操作例如,我想把这模拟数据数组对象利用急用ng-repeat循环页面显示,我想在点击的时候把当时对象的点击选中的count+1.我该怎么获得这个当时元素呀
javascript - angularJS中如果点击获得ng-repeat数组对象中的属性元素中的当前元素对他操作如果是这样呢!我想获取support,对support进行操作+1,gid是作品的id,但是每个id只能+1,类似点赞功能!

$index可以获取元素在数组的下标, 然后根据下标获取元素

<code><div ng-repeat="item in tTarvel" ng-click="item.count++">{{ item.count }}</div></code>
Salin selepas log masuk

ng-repeat里的元素li添加ng-click方法,通过 $event.target 来获取当前元素

<code><ul>
    <li ng-repeat="item in items track by $index">
        {{item.name}}
        <button ng-click="addItem($index)">{{itemNumber}}</button>
    </li>
</ul>

<script>
    $scope.itemNumber=0;
    $scope.addItem=function($index){
        angular.forEach($scope.items,function(item,index){
            if($index==index){
                $scope.itemNumber++;
            }
        })
    }

</script></code>
Salin selepas log masuk

个人的实现方法大概是这样

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan