JSFiddle - React, Tailwind, and code Playground

HTML

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

JavaScript

function apiCtrl($scope) {

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