JSFiddle - React, Tailwind, and code Playground

by Curt

HTML

<div ng-app="myApp" ng-controller="myController">
    <ul>
        <li ng-repeat="user in users">{{user.Name}} | {{user.Location}}</li>
    </ul>
</div>

JavaScript

var data = [
    {
        Name: "John Smith",
        Gender: "M",
        Location: "Wales"
    },
    {
        Name: "Sally Smith",
        Gender: "F",
        Location: "USA"
    },
    {
        Name: "Curtis Timson",
        Gender: "M",
        Location: "England"
    },
    {
        Name: "Sam Wallace",
        Gender: "M",
        Location: "England"
    },
    {
        Name: "Caroline James",
        Gender: "F",
        Location: "Scotland"
    }
];

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

myApp.controller("myController", function($scope){
   $scope.users = data; 
});