JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.9/angular.min.js"></script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<div ng-app="myApp" ng-controller="myController">
    <textarea 
           ng-model="textAreaValue"
           ng-change="textAreaChanged()"
           ng-blur="textAreaBlurred()"
           ng-focus="textAreaFocussed()"
           ng-select="test()"
           
           ></textarea>
</div>

JavaScript

myApp = angular.module("myApp",[]);

myApp.controller("myController", function($scope){
    $scope.textAreaValue = "hello World";
    
    $scope.textAreaChanged = function(){
        console.log("textAreaChanged new value> " + $scope.textAreaValue);
    }
    $scope.test = function() {
    console.log('test');
    }
    
    $scope.textAreaBlurred = function(){
        console.log("textAreaBlurred");
    }
    
    $scope.textAreaFocussed = function(){
        console.log("textAreaFocussed");
    }
    
});