JSFiddle - React, Tailwind, and code Playground

by dandoyon

HTML

<script src="http://code.angularjs.org/1.0.0rc10/angular-1.0.0rc10.js"></script>
<div ng-app="MyApp">
 <div ng-controller="MyCtrl">
   <button ng-click="deleteFromSomething()">Delete</button>
     <button ng-click="AddSomething()">Add</button>
   <ul>
    <li ng-repeat="something in somethings"><span ng-class-even="'green'">{{something}}</span></li>
   </ul>
 </div>
</div>

CSS

.green {
        color: green;
    }

JavaScript

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

myApp.controller('MyCtrl', function($scope) {
   $scope.somethings = [1,2,3,4];

    $scope.deleteFromSomething = function() {
        $scope.somethings.splice(2,1);
        $scope.apply();
    }
    $scope.AddSomething = function() {
        $scope.somethings.push($scope.somethings.length +1);
    }
});