JSFiddle - React, Tailwind, and code Playground

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>

<div class="container" ng-controller="ProductPageController as ctrl">
    {{::ctrl.title()}}
</div>

Babel + JSX

"use strict";
class PageController {

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

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

class ProductPageController extends PageController {

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

angular
    .module('app', [])
    .controller('ProductPageController', ProductPageController);


angular.bootstrap(document.querySelector('.container'), ['app'])