使用Flexslider和Angular.JS

我嘗試在網站的前部管理一個Flexslider的響應滑塊，但是，當我使用Angular.js時，我的圖像沒有直接指定「src」屬性， Angular用「ng-src」屬性管理它自己。所以我的滑塊工作（我可以看到導航控件），但是是空白的...使用Flexslider和Angular.JS

任何方法來解決它？或者另一個響應滑塊庫的想法，應該與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(); 
};

來源

2012-12-07 Flo-Schield-Bobby

你能證明你在jsfiddle或plunkr上面臨的問題嗎？ – ganaraj

嗯，這真的很奇怪，但是當我構建一個測試項目時，它完美的工作，使用相同的代碼，但是沒有相同的環境（Symfony2和Twig），所以也許我的問題來自於... 但是我確實不明白：/ –

當我開始使用angular時，我遇到了類似的問題。它的全部內容是深入理解角度如何工作。看看他們的文檔，並試圖瞭解一切如何運作。我想那樣你就能弄清楚什麼東西出了問題！ – ganaraj

實際上它是由樹枝造成的渲染引擎，用戶在雙括號太：{{}}

我用樹枝的原始過濾器渲染一些原始的HTML固定它： http://twig.sensiolabs.org/doc/filters/raw.html

來源

2013-04-28 21:05:58

此外，只是一個友好的FYI;在控制器內部進行任何DOM操作是不好的做法。最好將'$（'。flexslider'）。flexslider（）;'轉換爲指令。 – GFoley83

使用Flexslider和Angular.JS

回答

相關問題