JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="app" ng-controller="ctrl">
	<h3 ng-hide="ajx">Not yet loaded</h3>            
	{{ajx}}
	<img ng-src="http://www.pictures-of-cars.com/{{ ajx.pic }}.jpg" />
	
	<h1>Video with $timeout</h1>
	
	<video id="currVideo" autoplay="none" preload="none" controls="" tabindex="0">
		<source type="video/mp4" ng-src="http://corrupt-system.de/assets/media/sintel/{{ ajx.video }}.m4v"></source>
		<source type="video/webm" ng-src="http://corrupt-system.de/assets/media/sintel/{{ ajx.video }}.webm"></source>
	</video>

	<h1>Local Video</h1>
	
	<video id="currVideo" autoplay="none" preload="none" controls="" tabindex="0">
		<source type="video/m4v" src="http://corrupt-system.de/assets/media/sintel/{{ local.video }}.m4v"></source>
		<source type="video/webm" src="http://corrupt-system.de/assets/media/sintel/{{ local.video }}.webm"></source>
	</video>
	
</div>

JavaScript

angular.module('app', []).
factory('myModel', function($timeout, $q) {
	var value = $timeout(function(){ //Simulate a request
		return {
			pic: "Car-Club-1",
			video: "sintel-trailer"
		};
	},1000);
	
	return {
		ajx: value,
		local: { video: "sintel-trailer" }
	};
}).
    
controller('ctrl',function($scope, myModel, $q) {
	$scope.ajx = myModel.ajx;
	$scope.local = myModel.local;
	
	myModel.ajx.then(function(userValue){
		// is it possible to use $q's .then for this
	}, function(error) {
		// loading error
	});
    
});