JSFiddle - React, Tailwind, and code Playground

by rur_d

HTML

<script src="http://code.angularjs.org/1.0.0rc10/angular-1.0.0rc10.min.js"></script>
<script src="http://fluid-src.appspot.com/angular-layout/1.0/fl_layout.min.js"></script>
<div ng-app="layoutExample">
   <h1 id="layout_example">Layout Example</h1>
   <a-layout>
      <a-block>
         <a-screen with-name="screen1">
            <h2>Screen 1</h2>
            <input type="button" value="Show Screen 2" ng-click="_screen.show('screen2')">
         </a-screen>
         <a-screen with-name="screen2" with-controller="Screen2LayoutCtrl">
            <h2>Screen 2</h2>
            <p>Screen test = {{_screen.test}}</p>
            <input type="button" value="Show Screen 1" ng-click="_screen.show('screen1')">
         </a-screen>
      </a-block>
   </a-layout>
</div>

<script type="text/javascript" charset="utf-8">
   angular.module('layoutExample', ["flLayout"]);
   
   function Screen2LayoutCtrl () {
      var screen = this.layoutScope;
      screen.test = "This is a test";
   }
</script>