JSFiddle - React, Tailwind, and code Playground

by Rajeesh Menoth

HTML

<div ng-app="myApp">
  <div ng-controller="FirstControl">
    <ul>
      <li ng-repeat="x in names">
        {{x.name+ ','+x.country}}
      </li>
    </ul>

  </div>
  <div ng-controller="SecondControl">
    <ul>
      <li ng-repeat="x1 in names1">
        {{x1.name1+ ','+x1.country1}}
      </li>
    </ul>

  </div>
</div>

JavaScript

var app = angular.module('myApp', []);
app.controller('FirstControl', function ($scope) {
    $scope.names = [
        { name: 'Jani', country: 'Norway' },
        { name: 'Hege', country: 'Sweden' },
        { name: 'Kai', country: 'Denmark' }
    ];
});

app.controller('SecondControl', function ($scope) {
    $scope.names1 = [
        { name1: 'Jani', country1: 'Norway' },
        { name1: 'Hege', country1: 'Sweden' },
        { name1: 'Kai', country1: 'Denmark' }
    ];

});