JSFiddle - React, Tailwind, and code Playground

by Aakash Khapare M

HTML

<div ng-app="myApp">
    <div data-ng-controller="reposCtrl">
        <input type="text" id="ghusername" ng-model="username" placeholder="Github username..." ng-init="getRepos()" />
        {{data}}
    </div>
    <div data-ng-controller="homeCtrl"> <span id="ghsubmitbtn" ng-click="getUsers()">Pull User Data</span>
    {{otherData}}
    </div>
</div>

JavaScript

angular.module("myApp", [])
.factory("dataFact", ["$rootScope", function ($rootScope) {
    var myData = "value from factory";
    return {
        getData: function () {
            return myData;
        },
        setData: function (newVal) {
            this.myData = newVal;
        }
    }
}]).controller("homeCtrl", ["$scope", "dataFact", function ($scope, dataFact) {
    $scope.getUsers = function () {
        $scope.otherData = dataFact.getData();
    }
}]).controller("reposCtrl", ["$scope", "dataFact", function ($scope, dataFact) {
    $scope.getRepos = function () {
        $scope.username = dataFact.getData();
    }
}]);