JSFiddle - React, Tailwind, and code Playground

by Annie Lagang

HTML

<script src="//cdn.jsdelivr.net/angular.bootstrap/0.4.0/ui-bootstrap-tpls.min.js"></script>
<body ng-app="app">
    <div ng-controller="forEachController">
        <div ng-repeat="name in names">
            {{name}}
        </div>
    </div>
</body>

JavaScript

// SOURCE: http://learnkode.com/Examples/Angular/angular-foreach
var app = angular.module("app", []);
app.controller('forEachController', ['$scope', function ($scope) {
  $scope.names = [];
  var values = [{name: 'Jimi', gender: 'male'},{name: 'Peter', gender: 'male'},{name: 'Bob', gender: 'male'}];  
  angular.forEach(values, function (value, key) {
    $scope.names.push(value.name);
  });  
}]);