JSFiddle - React, Tailwind, and code Playground

by Nilesh Injulkar

HTML

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

JavaScript

function MyCtrl($scope) {
    $scope.props = [
        {
            name: 'a',
            selected : 'a'
        },
        {
            name: 'b',
            selected : 'b'
        },
        {
            name: 'c',
            selected : 'c'
        }
    ];
    $scope.selectedpropName = '';
}