I created a little example with a simple responsive caroussel that works as expected.

```
<body>

<div class="wrap">
    <header>header</header>
    <div class="main">
        <div class="container fill" style="padding: 0px;">
            <div id="myCarousel" class="carousel slide">
                <div class="carousel-inner">
                    <div class="active item">
                        <div class="fill" style="background-image:url('app/images/image2.jpg');">
                            <div class="container">

                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="fill" style="background-image:url('app/images/image1.jpg');">
                            <div class="container">

                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="fill" style="background-image:url('//placehold.it/1024x700/CC1111/FFF');">
                            <div class="container">

                            </div>
                        </div>
                    </div>
                </div>
                <div class="pull-center">
                    <a class="carousel-control left" href="#myCarousel" data-slide="prev">‹</a>
                    <a class="carousel-control right" href="#myCarousel" data-slide="next">›</a>
                </div>
            </div>
        </div>
    </div>
    <div class="clear"></div>
    <footer>@Copyright</footer>
</div>

```

The matter is that when I bind it using angular, the images are not being displayed.

```
<div class="wrap">
  <header>
  </header>
  <div class="main">
    <div class="container-fluid" style="padding:0px;">
      <div ng-view=""></div>
    </div>
  </div>
  <div class="clear"></div>
  <footer>
  </footer>
</div>

```

And here is the code in my app.js file (the carousel is defined in the main.html file) :

```
var app = angular
.module('webappApp', [
'ngAnimate',
'ngCookies',
'ngResource',
'ngRoute',
'ngSanitize',
'ngTouch'
])
.config(function ($routeProvider) {
  $routeProvider
    .when('/', {
      templateUrl: 'views/main.html',
      controller: 'MainCtrl',
      controllerAs: 'main'
    })
    .when('/about', {
      templateUrl: 'views/about.html',
      controller: 'AboutCtrl',
      controllerAs: 'about'
    })
    .otherwise({
      redirectTo: '/'
    });
});

app.controller('HeaderCtrl', function ($scope, $location) { 
  $scope.isActive = function (viewLocation) { 
    return viewLocation === $location.path();
  };
});

```

I have no errors in the developer console, and in the network calls, the images are called and found. This it the output I have (only the controls are visible) :

[![enter image description here](https://i.stack.imgur.com/D76QD.png)](https://i.stack.imgur.com/D76QD.png)