JSFiddle - React, Tailwind, and code Playground

by Jimmy Mabey

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.8/angular.min.js"></script>
<main ng-app="app">
    <div ng-controller="Controller">
        <div>{{ ::value }}</div>
        <span ng-bind="::value"></span>
        <component></component>
    </div>
</main>

JavaScript

var Component = {
	template: "<div>{{ ::$ctrl.value }}</div>",
    controller: function() {
        this.value = "component";
    }
};

function Controller($scope) {
    $scope.value = "controller";
}

angular.module("app", [])
    .controller("Controller", Controller)
    .component("component", Component);