JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.angularjs.org/angular-0.9.19.min.js" ng:autobind></script>

<!-- AngularJS Example Code: -->

<script type="text/javascript">
angular.directive("my:test", function(expr,el){
   return function(linkEl){
        var scope = this;
        scope.count = "new";
    
        var doIt = function(){
            scope.count = $(linkEl).find("li").length;
        }
    
        var defer = this.$service("$defer");
        scope.$parent.$onEval( function() {
            defer(doIt);
        });
   }
});
</script>
<div ng:init="items=[]" my:test>
    <button ng:click="items.$add(items.$count()+1)">Next</button> {{count}}
    <ul>
        <li ng:repeat="item in items">{{item}}</li>
    </ul>
</div>

CSS

*{
    font-family:Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal;
}