JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="projectApp">
    <div ng-controller="mainCtrl">     
        Domain: {{domain}}
        <br>
        ConstantConstantDepency: {{ConstantConstantDepency}}
        <br>
        ValueConstantDepency: {{ValueConstantDepency}}
        <br>
        FactoryConstantDepency: {{FactoryConstantDepency}}
        <br>
        ServiceConstantDepency: {{ServiceConstantDepency}}
    </div>
</div>

CSS

</style> <!-- Ugly Hack due to jsFiddle issue: http://goo.gl/BUfGZ --> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.7/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.7/angular-resource.min.js"></script>
<style>

JavaScript

angular.module('projectApp', [])
.constant('domain','http://somedomain.com')

.constant('ConstantConstantDepency',function(domain){return domain+'/some/api/info'})

.value('ValueConstantDepency',function(domain){return domain+'/some/api/info'})

.factory('FactoryConstantDepency',function(domain){return function(){ return domain+'/some/api/info'};})

.service('ServiceConstantDepency',function(domain){this.domainUrl = domain+'/some/api/info';})

.controller('mainCtrl',function($scope,domain,ConstantConstantDepency,ValueConstantDepency,FactoryConstantDepency,ServiceConstantDepency) {
    
    $scope.domain = domain;
    
    $scope.ConstantConstantDepency = ConstantConstantDepency(); //it is a function. returns undefined1 if the DI worked for constants it should return 11
    
    
    $scope.ValueConstantDepency = ValueConstantDepency(); // returns undefined1 if the DI worked for values it should return 11
    
    $scope.FactoryConstantDepency = FactoryConstantDepency(); // returns 11 because the DI works for factories
    
    $scope.ServiceConstantDepency = ServiceConstantDepency.domainUrl;// returns 11 because the DI works for services
});