包括内部 ng 重复答案

【问题标题】：include inside ng repeat包括内部 ng 重复
【发布时间】：2015-09-03 02:22:37
【问题描述】：

我正在尝试将 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>

sliderCtrl.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">

提前致谢！

【问题讨论】：

控制台说什么？有什么错误吗？
是的，完全忘了添加控制台

标签： javascript html angularjs

【解决方案1】：

代替：

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

使用这个：

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

【讨论】：

【解决方案2】：

尝试使用 data-ng-include data-src:

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

【讨论】：

应该不是问题，但你永远不知道。
谢谢，只是试了一下还是不行。我在我的帖子中添加了错误消息。

【解决方案3】：

你忘了转义内引号：

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

【讨论】：

感谢尝试转义内部引号，但仍然有同样的错误。错误：[$interpolate:noconcat]