Angular: ng-show issue

http://angularjs.org/

by Saulzar

HTML

<script src="http://code.angularjs.org/angular-1.0.0.js"></script>
<div ng-controller="MyCtrl">
    <ul>
        <li ng-repeat="name in data.names" ng-controller="InnerCtrl">{{name}} {{catty}}
            <a ng-click="del($index)">x</a>
        </li>
    </ul>
</div>

JavaScript

var myApp = angular.module('myApp',[]);

function MyCtrl($scope) {
    $scope.data = {
        names : ['aaa','bbb','ccc']
    }
}
        
var n = 0;

function InnerCtrl($scope) {
    $scope.catty = n++;     
        
        
    $scope.del = function(index) {
        $scope.data.names.splice(index, 1);
    }
}