StackOverflow_23107258: ng-click-doesnt-fire-within-ng-repeat-due-to-scope-issue

Illustration of answer to http://stackoverflow.com/questions/23107258/ng-click-doesnt-fire-within-ng-repeat-due-to-scope-issue.

by ExpertSystem

HTML

<div ng-controller="apiCtrl">
    <p ng-click="config.show=!config.show">Click me I'm outside of li tags</p>
    
    <br />
    
    <ul>
        <li ng-repeat="menu in menus" >
            <a ng-click="config.show=true">click me, I am li tag</a>
        </li>
    </ul>
    
    <p ng-show="config.show">Show me text</p>
        
</div>

JavaScript

function apiCtrl($scope) {
    $scope.config = {};

    $scope.menus = [
        {menu: 'page_01', url: 'page_01.html'},
        {menu: 'page_02', url: 'page_02.html'}
    ];
    
    $scope.test = function(menu){
        alert('test ' + menu.url)
    }
}