JSFiddle - React, Tailwind, and code Playground

by awolf2904

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.8/angular.js"></script>
<div ng-app="demoApp" ng-controller="mainController as ctrl">
    <hello-world title="ctrl.title" rows="ctrl.rows"></hello-world>

<script type="text/ng-template" id="/app/dashboard/registers/register.html">
    <p>Title: {{$ctrl.title}}</p>
    <p>Rows: {{$ctrl.rows}}</p>
</script>
</div>

JavaScript

angular.module('demoApp',[])
.controller('mainController', function($scope) {
	var vm = this;
    vm.title = "Hello world";
    vm.rows = [1,2,3];
})
.component('helloWorld', {
    bindings: {
        title: '<',
        rows: '<'
    },
    controller: registers,
    templateUrl: '/app/dashboard/registers/register.html'
});

function registers() {
	var vm = this;
    console.log(this.title, this.rows);
}