<!DOCTYPE html>
<html>

  <head>
    <script data-require="jquery@*" data-semver="2.1.4" src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
    <script data-require="angular.js@1.4.0" data-semver="1.4.0" src="https://code.angularjs.org/1.4.0/angular.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body>
    
    <div ng-app="MyApp">
      <div ng-controller="MyCtrl">
        <ul>
          <li ng-repeat="color in colors">{{color}}</li>
        </ul>
      </div>
    </div>
    
  </body>

</html>
angular.module("MyApp", [])
  .controller("MyCtrl", function($scope) {
    
    $scope.colors = ["red","orange","yellow","green","blue","purple","black","white"]
    
  });

/* Styles go here */