JSFiddle - React, Tailwind, and code Playground

by Valentin Sarychev

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.0/angular.js"></script>
<div ng-app="myApp" ng-controller="myCtrl">
    <input type="checkbox" id="mycheckbox" name="mycheckbox" ng-model="myCheckbox" data-ng-change="myCheckbox ? displayStuff() : hideStuff()" />
    <p>{{text}}</p>
</div>

JavaScript

angular.module('myApp', []).controller('myCtrl', function($scope) {
    $scope.displayStuff = function() {
        $scope.text = 'displayStuff';
    };
    $scope.hideStuff = function() {
        $scope.text = 'hideStuff';
    };
});