AngularJS operation ng-show instruction

  node.js, question

Requirement: The page has a usageng-repeatThe list generated by the instruction is hidden when an item is clicked.

Question: How do I get thereng-clickThe that operates on the current item in the callback tong-showWithout affecting other item?

Code:

<ul ng-controller="listCtrl">
 <li ng-repeat="item in items" ng-click="delete()" ng-show="show">
 <span ng-bind="item.title"></span>
 <span ng-bind="item.price"></span>
 </li>
 </ul>
 <script>
 var myApp = angular.module('myApp',[]);
 myApp.controller('listCtrl',function($scope){
 var items = [{title:"title1",price:120},{title:"title2",price:23},{title:"title3",price:32234}]
 $scope.items = items;
 // $scope.show = "true";
 $scope.delete = function(item){
 // $scope.show = "false"
 bracket
 })
 </script>

@oneloveThis buddy’s answer should be this meaning:

<ul ng-controller="listCtrl">
 <li ng-repeat="item in items" ng-click="delete(item)" ng-show="item.show">
 <span ng-bind="item.title"></span>
 <span ng-bind="item.price"></span>
 </li>
 </ul>
 <script type="text/javascript">
 var myApp = angular.module('myApp',[]);
 myApp.controller('listCtrl',function($scope){
 var items = [{title:"title1",price:120,show:true},{title:"title2",price:23,show:true},{title:"title3",price:32234,show:true}]
 $scope.items = items;
 $scope.delete = function(item){
 item.show = false;
 bracket
 })
 </script>

In this way, although the demand can be realized, the problem is very big, that is, to control the viewshowIt’s coupled with data, isn’t it? Is there any other way?