JSFiddle - React, Tailwind, and code Playground

by dingen2010

HTML

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<script src="https://code.angularjs.org/1.3.9/angular.js"></script>
<script src="https://google.github.io/traceur-compiler/bin/traceur.js"></script>
<script src="https://google.github.io/traceur-compiler/src/bootstrap.js"></script>    
<script type="module">
class PageController {

    constructor(title) {
        this._title = title;
    }

    title () {
        return 'Title: ' + this._title;
    }
}
export { PageController }


import { PageController } from './PageController';

class ProductPageController extends PageController {

    constructor() {
        super('ES6 inheritance with Angular');
    }
}

export default ProductPageController;

  </script>

<div id="myApp" class="container" ng-controller="ProductPageController as ctrl">
    
    {{ctrl.title}}
</div>