JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app = "myApp">
<div ng-controller="MyCtrl">
 <ul ng-repeat="datas in data"><li><a ng-click="datas.action()">{{datas.name}}</a></li></ul>
    Hello, {{status}}!
</div>
</div>

JavaScript

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

//myApp.factory('myService', function() {});

function MyCtrl($scope) {
    $scope.status = 'You have not picked yet';
    
    $scope.ActionOne = function() {
         $scope.status = "You picked Action 1";   
     }    
        
    $scope.ActionTwo = function() {
         $scope.status = "You picked Action 2";   
     }     
    $scope.data = [
        { "name" : "Action 1", "action" : $scope.ActionOne},
        { "name" : "Action 2", "action" : $scope.ActionTwo},
        ]
    
    $scope.fieldOne = "I am field 1";
    $scope.fieldTwo = "I am field 2";
               
}