JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="quandisDemo">
    <div id="testing" ng-controller="LoginController">
        <div ng-controller="LoginController as login">
            Login Status: {{login.status}}
        </div>
    </div>
</div>
</div>

JavaScript

angular.module('quandisDemo', []);

angular.module('quandisDemo').factory('qbo', function ($http) {
    return {
        request: function (url, params, success) {
            $http({
                method: 'POST',
                url: url,
                params: params,
                crossDomain: false,
                headers: {
                    'qboAutomation': true
                },
                withCredentials: true,
                responseType: 'json'
            }).success(success);
        }
    };
});

angular.module('quandisDemo').controller('LoginController', function (qbo) {
    var login = this;
    login.url = "http://demo.quandis.net/Security/Person.ashx/Select?ID=1&Output=Json";
 
    login.success = function (data) {
        login.status = true;
        console.log('You have logged in.');
    };
    
    login.status = false;
    
    qbo.request(login.url, login.params, login.success);
});