JSFiddle - React, Tailwind, and code Playground

by Nilesh Injulkar

HTML

<div ng-app>
<div ng-controller='MyCtrl'>
<ul>
      <li ng-cloak  ng-repeat="prop in props" class={{prop.selected}} ng-click="setSelected(prop )" >
           {{prop.label}}
    </li>
</ul>
My Selected Property: {{selectedpropName}}
</div>
</div>

JavaScript

console.log('a');
function MyCtrl($scope) {
    
    $scope.props = [
        {
            label: 'a',
            selected : 'a'
        },
        {
            label: 'b',
            selected : 'b'
        },
        {
            label: 'c',
            selected : 'c'
        }
    ];
    $scope.selectedpropName = 'Initial Value';
    $scope.setSelected = function(p){
         $scope.selectedpropName = p.label;
    }
}