JSFiddle - React, Tailwind, and code Playground

by andytjoslin

HTML

<div ng-app="myApp">
    <div id="one" data-role="page" ng-controller="OneCtrl">
        One.
        <br />
        <a href="#two" ngm-click="two()">--> Two</a>
    </div>
    <div id="two" data-role="page" ng-controller="TwoCtrl">
        Two.
        <br />
        <a href="#one" ngm-click="one()">--> One</a>
    </div>

</div>

CSS

.ui-input-text,
.ui-select {
    width: 100% !important;
    padding: 0.4em 0 !important;
}
</style>
        <title>TodoMobile</title>
        <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"/>
        <script src="https://github.com/tigbro/jquery-mobile-angular-adapter/raw/master/compiled/jquery-mobile-angular-adapter-standalone-1.0.7-rc2.js" type="text/javascript"></script> 
        <link href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.css" rel="stylesheet" type="text/css">
<style>

JavaScript

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

$.mobile.defaultPageTransition = 'flip';

function OneCtrl($scope) {
    
    $scope.two = function() {
    };
    
};

function TwoCtrl($scope) {
    
    $scope.one = function() {
    };
    
};