JSFiddle - React, Tailwind, and code Playground

by justinwyllie

HTML

<div ng-controller="apiCtrl">
    
    <ul>
        <li ng-repeat="menu in menus" >
            <a ng-click="$parent.data=menu.data">{{menu.menu}}</a>
        </li>
    </ul>
    
    <p>{{data}}</p>

<hr>    
     <ul>
        <li ng-repeat="menu in menus" >
            <a ng-click="$parent.test(menu.data)">{{menu.menu}}</a>
        </li>
    </ul>
       
    
    <p>{{data2}}</p>
    
</div>

JavaScript

function apiCtrl($scope) {
    
  

    $scope.menus = [
        {menu: 'A', data: 'aaa'},
        {menu: 'B', data: 'bbb'}
    ];        
    
    $scope.test = function(val) {
       
        $scope.data2 = val;
    }    
}