JSFiddle - React, Tailwind, and code Playground

by Josh Carroll

HTML

<script src="http://code.angularjs.org/1.2.0-rc.3/angular.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<script src="http://code.angularjs.org/1.2.0-rc.3/angular-route.min.js"></script>
<div data-ng-controller="noteCtrl as ctrl">
<ul>
    <li><textarea name="aName" placeholder="Enter comment" ng-model="ctrl.commentNote" required></textarea></li>
<li><input type="submit" class="btn btn-primary" ng-click="ctrl.confirmComment(ctrl.commentNote);" value="Add Comment"></li>
    </ul>
</div>

JavaScript

var Controllers;
(function (Controllers) {

    var NoteCtrl = function (utilService) {
        this.commentNote = "";
    };

    NoteCtrl.prototype.confirmComment = function (comment) {
        alert(comment);
    };

    NoteCtrl.$inject = [];

    Controllers.NoteCtrl = NoteCtrl;

}(Controllers || (Controllers = {})));

(function () {
    angular.element(document).ready(function () {
        var module = angular.module('demo', []);

        module.controller('noteCtrl', Controllers.NoteCtrl);

        angular.bootstrap(document, ['demo']);
    });


}());