在Angularjs中嵌入JQuery

使用包含幻燈片，菜單和傳送帶的JQuery模板處理anugularjs項目。我如何在angularjs中嵌入JQuery處理渲染的主腳本。在Angularjs中嵌入JQuery

我這樣做：

$scope.load = function() { 
     jQuery('#tp-banner').show().revolution({ 
      dottedOverlay: "none", 
      delay: 6000, 
      startwidth: 1170, 
      startheight: 700, 
      hideThumbs: 200, 
      thumbWidth: 100, 
      thumbHeight: 50, 
      thumbAmount: 5, 
      navigationType: "bullet", 
      navigationArrows: "solo", 
      navigationStyle: "square", 
      touchenabled: "on", 
      onHoverStop: "off", 
      swipe_velocity: 0.7, 
      swipe_min_touches: 1, 
      swipe_max_touches: 1, 
      drag_block_vertical: false, 
      parallax: "mouse", 
      parallaxBgFreeze: "on", 
      parallaxLevels: [7, 4, 3, 2, 5, 4, 3, 2, 1, 0], 
      keyboardNavigation: "off", 
      navigationHAlign: "center", 
      navigationVAlign: "bottom", 
      navigationHOffset: 0, 
      navigationVOffset: 20, 
      soloArrowLeftHalign: "left", 
      soloArrowLeftValign: "center", 
      soloArrowLeftHOffset: 20, 
      soloArrowLeftVOffset: 0, 
      soloArrowRightHalign: "right", 
      soloArrowRightValign: "center", 
      soloArrowRightHOffset: 20, 
      soloArrowRightVOffset: 0, 
      shadow: 0, 
      fullWidth: "on", 
      fullScreen: "off", 
      spinner: "spinner4", 
      stopLoop: "off", 
      stopAfterLoops: -1, 
      stopAtSlide: -1, 
      shuffle: "off", 
      autoHeight: "off", 
      forceFullWidth: "off", 
      hideThumbsOnMobile: "off", 
      hideNavDelayOnMobile: 1500, 
      hideBulletsOnMobile: "off", 
      hideArrowsOnMobile: "off", 
      hideThumbsUnderResolution: 0, 
      hideSliderAtLimit: 0, 
      hideCaptionAtLimit: 0, 
      hideAllCaptionAtLilmit: 0, 
      startWithSlide: 0, 
      videoJsPath: "rs-plugin/videojs/", 
      fullScreenOffsetContainer: "" 
     }); 
    } 

    $scope.load();

在上面的代碼中，我試圖嵌入使用控制器滑塊，但它未加載。

來源

2016-09-19 uikrosoft

你有沒有得到任何錯誤？你可以檢查鉻/ Firefox控制檯，看看是否有任何錯誤？ –

這需要放入一個指令中，以便確保在代碼運行時存在元素。 DOM代碼不屬於控制器 – charlietfl

沒有任何錯誤與幻燈片有關。 – uikrosoft

-1

Angular是一個JS框架，它提供了很多javascript複雜任務的簡單方法。而jQuery是一個JavaScript UI庫。

這意味着您需要將它放到您的視圖中，而不是控制器，因爲它們是不同的東西。

進入你的index.html文件，把這個行：

<script src="/path/to/libs/folder/jquery-X.x.x.min.js />

這將載入您的jQuery庫索引中的，所以它可用於意見（以棱角分明，景色會隨着指數呈現）。

現在，在你看來，在<script>標籤裏面，插入你的jQuery代碼。

你不需要爲這個任務的範圍:)

來源

2016-09-19 13:06:07

但模板中的角條標籤代碼 – charlietfl

而不是downvoting，請嘗試回答該問題。 –

在Angularjs中嵌入JQuery

回答

相關問題