JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<div ng-app="myApp">
<div ng-controller="AppCtrl as ctrl">
Data: {{ ctrl.data }}
</div>
</div>
CSS
body {
margin-top: 20px;
}
JavaScript
angular
.module('myApp', [])
.controller('AppCtrl', AppCtrl)
.service('FlightsService', FlightsService);
function AppCtrl(FlightsService) {
var vm = this;
FlightsService.resultsData().then(function(response) {
vm.data = response;
});
}
function FlightsService($http) {
return {
'selectedResult': null,
'resultsData': function() {
return $http.get('https://api.zippopotam.us/us/90210');
}
};
}