JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="clicker" ng-controller="mainCtrl" ng-init="id=0">
    {{test}}
    <button id=id  type="button" class="btn btn-primary" ng-click="setSound(id)">Sound 1</button>
    <br>
    <button ng-repeat="button in buttons" id={{$index}} type="button" ng-click="setSoundOther($index)" >{{button.btnName}}</button>
    
</div>

JavaScript

myApp = angular.module('clicker',[]);
myApp.controller('mainCtrl', ['$scope', function($scope) {
   
    $scope.test="I am from controller";
     $scope.setSound = function(id) {
         $('#2').css('color','blue');  
    };
    
    $scope.buttons = [{"btnName":"Sound 2"},{"btnName":"Sound 3"}];
    
    
     $scope.setSoundOther = function(id) {
       
    };
 
}]);