js “//cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.15/angular.js”¶ ↑
%div{ 'ng-app' => 'instaAdminApp', 'ng-controller' => 'InstaAdmin' }
%h1 Ki InstAdmin %p Connected to = Ki::Orm::Db.instance.connection_string %input{ 'ng-model' => 'verb' } %input{ 'ng-model' => 'resource' } %button{ 'ng-click' => 'executeReq()' } Execute Request %textarea{ 'ng-model' => 'input' } %textarea{ 'ng-model' => 'output' } :css textarea { width: 100%; height: 300px; padding: 15px; } button, input { width: 33%; padding: 15px; } :javascript var adminApp = angular.module('instaAdminApp', []); adminApp.controller('InstaAdmin', function ($scope, $http) { $scope.verb = 'get'; $scope.resource = 'users'; $scope.input = '{}' $scope.executeReq = function () { $http[$scope.verb]("/" + $scope.resource + ".json", JSON.parse($scope.input)). success(function(data, status, headers, config) { console.log(data); $scope.output = JSON.stringify(data, `undefined`, 2) }). error(function(data, status, headers, config) { console.log(data); $scope.output = JSON.stringify(data, `undefined`, 2) }); } });