javascript - 包含在 ng 重复中

Question

我正在尝试将 ng-include 包含在 ng-repeat 中。但是没有任何反应。如果我将它静态地包含在整个链接中，它就可以工作。也试过 ng-src 但也没有用。

index.html

<div ng-controller="sliderCtrl">
    <div ng-repeat="slide in slides">
        <div ng-include src="'/partials/slider/{{slide.image}}.html'"></div>
     </div>
</div>

slider 控制.js

MyApp.controller('sliderCtrl', function ($scope) {
    $scope.slides = [
    {image: '01', description: 'Image 00'},
    {image: '02', description: 'Image 01'},
    {image: '03', description: 'Image 02'}
    ];
});

控制台

Error: [$interpolate:noconcat] http://errors.angularjs.org/1.3.15/$interpolate/noconcat?p0='%2Fpartials%2Fslider%2F%7B%7Bslide.image%7D%7D.html'
    at Error (native)
    at http://192.168.33.77/bower_components/angular/angular.min.js:6:417
    at g (http://192.168.33.77/bower_components/angular/angular.min.js:88:436)
    at Oa (http://192.168.33.77/bower_components/angular/angular.min.js:68:208)
    at X (http://192.168.33.77/bower_components/angular/angular.min.js:53:397)
    at S (http://192.168.33.77/bower_components/angular/angular.min.js:51:428)
    at S (http://192.168.33.77/bower_components/angular/angular.min.js:52:95)
    at D (http://192.168.33.77/bower_components/angular/angular.min.js:49:467)
    at fa (http://192.168.33.77/bower_components/angular/angular.min.js:61:43)
    at S (http://192.168.33.77/bower_components/angular/angular.min.js:51:465) <div ng-view="" class="page ng-scope">

提前致谢!

Answer 1

代替:

<div ng-include src="'/partials/slider/{{slide.image}}.html'"></div>

使用这个:

<div ng-include src="'/partials/slider/' + slide.image + '.html'"></div>