0

Webサイトのフロント部分で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();
};
4

1 に答える 1

1

実際、これは Twig レンダリング エンジンが原因で、二重括弧も使用しています: {{ }}

小枝の生フィルターを使用して生のHTMLをレンダリングすることで修正しました: http://twig.sensiolabs.org/doc/filters/raw.html

于 2013-04-28T21:05:58.320 に答える