JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.14/angular.min.js"></script>
<div ng-app="myApp">
<div ng-controller="test">
    <button ng-if="!show" ng-click="toggleShow()">show me</button>
<textarea ng-model="cancelMessage.test" ng-if="show"></textarea>
<span ng-if="show"> {{100 - cancelMessage.test.length}} characters remaining</span>
    <button ng-click="clickTest()" ng-if="show">clickTest</button>
</div>
</div>

JavaScript

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

myApp.controller('test', function($scope) {
    $scope.show = false;
    $scope.cancelMessage = { test:''};

    $scope.clickTest = function(){
        alert($scope.cancelMessage.test);
    };
    $scope.toggleShow = function(){
        $scope.show = !$scope.show;
    }
});