2017-07-04 3 views
1

私は角度jsとdata-ng-repeatを使ってデータを取得しています。 以下は私のHTMLです。

 <div id="newsslide" class="owl-carousel owl-theme"> 
      <div class="item darkCyan" data-ng-repeat="items in NewsList"> 
         Hello 
      </div> 
     </div> 

は、ここに私のJS

$scope.getNewsList = function (Id) { 
    var getData = HomeService.getNewsList(Id); 
    getData.then(function (_result) { 
     $scope.getMediaList(Id); 
     if (_result.data.length > 0) { 
      $scope.NewsList = _result.data; 
      $scope.NewsNoRecords = false; 
      $timeout(function() { 
       $("#newsslide").owlCarousel({ 
        items: 3,       
        nav: false, 
        dots: true, 
        rtl:true, 
        // autoPlay: 3000, 
        navText: [ 
        "<i class='fa fa-angle-left'></i>", 
        "<i class='fa fa-angle-right'></i>" 
        ] 
       }); 
      }, 1000); 
     } 
     else { 
      $scope.NewsNoRecords = true; 
     } 
    }, function (errorMsg) { 
     $scope.loadingDataEntryList = false; 
     console.log('Error in getting records - ' + JSON.stringify(errorMsg)) 
    }); 
} 

データがファイン結合されています。しかし、それは私もクロームデベロッパーコンソールで貼り付けて$("#newsslide").owlCarousel({});を実行しようとした

TypeError: $(...).owlCarousel is not a function.

示しています。私はエラーが発生しました

以下は、[jQueryライブラリは、このイメージの前にヘッドタグに追加されました。それが問題を引き起こす理由] [enter image description here] 1

私は多くを検索しました。助けてください。ありがとう

+0

アプリケーション初期化モジュールに参照ライブラリを追加したかどうか、またページに表示されるかどうかを確認してください(ページソースを調べて) –

+0

メインのHTMLファイルに '

0

すべてのライブラリの近くでjqueryを使用すると、この問題が解決されました。これの前に、jqueryは頭のタグであった。ありがとう...

関連する問題