JSFiddle - React, Tailwind, and code Playground

by gary_h

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.js"></script>
<div data-role="page" id="myPage1" ng-controller="MyCtrl">
    <div data-role="header">
        <h1>{{header}}</h1>
    </div>
    <div data-role="content" >
        <label><input type="checkbox" name="checkbox-0" ng-model="agree" /> I agree </label>
        <p>Agree: {{agree}}</p>
        <button ng-click="setfalse()">Dont Agree</button>
        <button ng-click="settrue()">Agree</button>
    </div> 
    <div data-role="footer" data-position="fixed">

        <h1>Page 1 Footer</h1>
    </div>
</div>

JavaScript

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

//myApp.directive('myDirective', function() {});
//myApp.factory('myService', function() {});

function MyCtrl($scope) {
    $scope.header = 'The header';
    $scope.agree=false;
    
    $scope.setfalse=function()
    {
        $scope.agree=false;
    }
     $scope.settrue=function()
    {
        $scope.agree=true;
    }
}