I am using angular routing to create my single page web application in angularjs.
So my index.html file is just full of URL of bower\_components and it contains only this value for routing:

```
<body ng-app="myAngApp">
    <div ui-view>
</div>

```

Most of the URLs here are the static URLs like Bower\_components services etc.

But I want to use one of the dynamic URL based on the content of the commonURLs.js file:

```
(function(app) {
    'use strict';
    app.factory('commonUrls',function() {
    var urls = {"dev": "http://google.com", "prod": "http://yahoo.com"}
    return urls;
}))

```

So in index.html I want to use somewhere like this:

```
<script src="{{commonUrls.dev}}/scripts.js"></script>

```

I hope my question is clear. Just to summarize again, I basically want to use a variable in my index.html file. How can I achieve that.