JSFiddle - React, Tailwind, and code Playground

by Christian Bonato

HTML

<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css">
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.5/angular.js"></script>
    <h3>Foo</h3>
      <ul class="clean-list">
        <li>
            <span class="badge badge-success">
              Badge with dropdown
            </span>
        </li>
        <li>
            <span class="badge badge-success">
              No dropdown
            </span>
        </li>
      </ul>
    <h3>Bar</h3>
    <h3>Baz</h3>

Hello, {{name}}!

JavaScript

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

//myApp.directive('myDirective', function() {});
//myApp.factory('myService', function() {});

function MyCtrl($scope) {
    $scope.name = 'Superhero';
    
    $scope.images = [];
    $scope.images.push('http://rollingout.com/wp-content/uploads/2013/06/prince.jpg');
    
 $scope.images.push('http://static.guim.co.uk/sys-images/Music/Pix/pictures/2011/6/3/1307115506503/Prince-performing-on-stag-007.jpg');
    
     $scope.images.push('http://static.gigwise.com/artists/wenn5148053prince.jpg');
    
     $scope.images.push('http://soniceditions.com/library/prince-2ICP_o_tn.jpg');

console.log($scope.images);
    
}