Angularjs 更改图像角度UI旋转木马

我已经创建了一个有角度的UI旋转木马，如中所示

但问题是，我想将图像更改为系统中本地可用的图像

那么，我怎样才能做到这一点呢

这是我的旋转木马代码的HTML部分

<div ng-controller="HomeController">
    <div style="height: 500px">
        <uib-carousel active="active" interval="myInterval" no-wrap="noWrapSlides">
            <uib-slide ng-repeat="slide in slides track by slide.id" index="slide.id">
                <img ng-src="{{slide.image}}" style="margin:auto;">
            </uib-slide>
        </uib-carousel>
    </div>
</div>

这是控制器代码：

angular.module('portfolioApp', ['ngAnimate','ngTouch','ui.bootstrap'])
 .controller('HomeController', ['$scope',function($scope){
    $scope.myInterval = 5000;
    $scope.noWrapSlides = false;
    $scope.active = 0;
    var slides = $scope.slides = [];
    var currIndex = 0;

    $scope.addSlide = function() {
        var newWidth = 600 + slides.length + 1;
        slides.push({
            image: 'http://lorempixel.com/' + newWidth + '/480',
            text: ['Nice image','Awesome photograph','That is so cool','I love that'][slides.length % 4],
            id: currIndex++
        });
    };

    $scope.randomize = function() {
        var indexes = generateIndexesArray();
        assignNewIndexesToSlides(indexes);
    };

    for (var i = 0; i < 4; i++) {
        $scope.addSlide();
    }

    // Randomize logic below

    function assignNewIndexesToSlides(indexes) {
        for (var i = 0, l = slides.length; i < l; i++) {
            slides[i].id = indexes.pop();
        }
    }

    function generateIndexesArray() {
        var indexes = [];
        for (var i = 0; i < currIndex; ++i) {
            indexes[i] = i;
        }
        return shuffle(indexes);
    }

    // http://stackoverflow.com/questions/962802#962890
    function shuffle(array) {
        var tmp, current, top = array.length;

        if (top) {
            while (--top) {
                current = Math.floor(Math.random() * (top + 1));
                tmp = array[current];
                array[current] = array[top];
                array[top] = tmp;
            }
        }

        return array;
    }
}]);

angular.module（'portfolioApp'，['ngAnimate'，'ngTouch'，'ui.bootstrap']））
.controller（'HomeController'，['$scope'，函数（$scope）{
$scope.myInterval=5000；
$scope.noWrapSlides=false；
$scope.active=0；
var slides=$scope.slides=[]；
风险价值指数=0；
$scope.addSlide=函数（）{
var newWidth=600+幻灯片。长度+1；
推({
图像：'http://lorempixel.com/“+newWidth+/480”，
文字：[“漂亮的图像”，“很棒的照片”，“太酷了”，“我爱死它了][slides.length%4]，
id:CurrendIndex++
});
};
$scope.randomize=函数（）{
var index=generateIndexesArray（）；
将新索引分配给幻灯片（索引）；
};
对于（变量i=0；i<4；i++）{
$scope.addSlide（）；
}
//随机化下面的逻辑
函数assignNewIndexesToSlides（索引）{
对于（变量i=0，l=slides.length；i

对于要添加的每个图像，请调用

slides.push({
image:image\u文件名，
文本：图像和文本，
id:CurrendIndex++
});

其中image\u filename是图像的文件名，image\u text是要在图像上打印的文本
要显示的图像具体在哪里？它们是否与运行web应用程序的浏览器位于同一台计算机上？我想替换url，并且我自己的图像位于web应用程序目录中的同一目录中。我想在旋转木马中使用这些图像。我想在幻灯片中使用ng include而不是图像添加html页面。知道如何在幻灯片中推送html页面吗？