JSFiddle - React, Tailwind, and code Playground

by rur_d

HTML

<script src="http://code.angularjs.org/angular-1.0.0rc8.js"></script>
<div ng-app="test">
    <div container ng-controller="TestCtrl">
        <p>{{height}}</p>
        <input type="button" name="addItem" value="Add Item" id="addItem" ng-click="addItem()">
        <ul>
            <li ng-repeat="item in items">{{item}}</li>
        </ul>
    </div>
</div>

JavaScript

function TestCtrl ($scope) {
   $scope.items = [];
   $scope.addItem = function addItem () {
       $scope.items.push("new item");
   }
}

/**
* TestApp Module
*
* Test app module
*/
angular.module('test', []).
   directive('container', function(){
       return function(scope, elm, attrs) {
           console.log(elm);
           scope.height = -1;
           scope.$watch(function onEval () {
               scope.height = $(elm).height();
           });
       };
   });