Edit in JSFiddle

var app = angular.module('mycarousel', []);

app.controller("divdynamic", function ($scope, $http) {
    var data = [
            "http://mwmgraphics.com/REALISTIC_1060/bike_posters/MWM_Bike_Illo_4b.jpg",
            "http://www.woostercollective.com/mattmm2.jpg",
            "http://mwmgraphics.com/TYPOGRAPHY/alphafont_2/mwm_alphafont_2.jpg"
        ];
    
    $scope.images=data;
});

<div ng-app="mycarousel" ng-controller="divdynamic">

    <div id="dynamiccontentcarousel" class="carousel slide" data-ride="carousel" data-interval="2000">

        <ol class="carousel-indicators">
            <li data-target="#dynamiccontentcarousel" data-ng-repeat="img in images" data-ng-class="{active : $first}" data-slide-to="{{$index}}"></li>
        </ol>

        <div class="carousel-inner" role="listbox">
            <div class="item" data-ng-repeat="image in images" data-ng-class="{active : $first}">
                <img data-ng-src="{{image}}" alt=" carousel {{$index}}" />
            </div>
        </div>
    </div>
</div>