将Flexslider与Angular.JS一起使用

Question

我尝试使用网站前端的Flexslider管理响应式滑块，但是当我使用Angular.js时，我的图像没有直接指定“ src”属性，而Angular本身通过“ ng- src”属性。 因此，我的滑块可以工作（我可以看到导航控件），但是它是空白的...

有什么办法解决吗？ 还是应该与Angular.js一起使用的另一个响应式滑块库想法？

#templates/detail.html
<div class='flexslider'>
    <ul class='slides'>
        <li ng-repeat='slide in project.slides'><img ng-src='{{slide}}' alt='{{project.name}}' /></li>
    </ul>
</div>

#js/app.js
'use strict';

angular.module('test', []).config([
    '$routeProvider',
    function ($routeProvider) {
        $routeProvider
            .when('/', { templateUrl: 'detail.html', controller: ProjectCtrl })
    }
]);

#js/controllers.js
'use strict';

function ProjectCtrl($scope) {
    $scope.project = {
        id: 1,
        name: 'Test',
        slides: [
            'test.png',
            'test2.png'
        ]
    };
$('.flexslider').flexslider();
};

Answer 1

实际上，这是由Twig渲染引擎引起的，该用户也使用了双括号：{{}}

我通过使用twig的原始过滤器呈现一些原始HTML来修复它： http : //twig.sensiolabs.org/doc/filters/raw.html