2016-09-20 17 views
0

問題は、私は、角度JSでのjQueryを使用していた角度のjs

  • に何度も角度以上をロードしようとしました。

エラー

angular.js?v=1.6.10_1474366451:12116 TypeError: ha is not a function 
at eval (eval at <anonymous> (http://localhost/weblogs-s2/web/common/assets/libs/jquery/jquery.min.js?v=1.6.10:2:2616), <anonymous>:17:349) 
at eval (eval at <anonymous> (http://localhost/weblogs-s2/web/common/assets/libs/jquery/jquery.min.js?v=1.6.10:2:2616), <anonymous>:308:401) 
at http://localhost/weblogs-s2/web/common/assets/libs/jquery/jquery.min.js?v=1.6.10:2:2616 
at Function.globalEval (http://localhost/weblogs-s2/web/common/assets/libs/jquery/jquery.min.js?v=1.6.10:2:2627) 
at text script (http://localhost/weblogs-s2/web/common/assets/libs/jquery/jquery.min.js?v=1.6.10:4:26788) 
at Qc (http://localhost/weblogs-s2/web/common/assets/libs/jquery/jquery.min.js?v=1.6.10:4:18505) 
at x (http://localhost/weblogs-s2/web/common/assets/libs/jquery/jquery.min.js?v=1.6.10:4:21926) 
at b (http://localhost/weblogs-s2/web/common/assets/libs/jquery/jquery.min.js?v=1.6.10:4:26298) 
at Object.send (http://localhost/weblogs-s2/web/common/assets/libs/jquery/jquery.min.js?v=1.6.10:4:26402) 
at Function.ajax (http://localhost/weblogs-s2/web/common/assets/libs/jquery/jquery.min.js?v=1.6.10:4:21703) <div id="wrapper" ui-view="" class="container ng-scope">(anonymous function) @ angular.js?v=1.6.10_1474366451:12116(anonymous function) @ angular.js?v=1.6.10_1474366451:8976invokeLinkFn @ angular.js?v=1.6.10_1474366451:8527nodeLinkFn @ angular.js?v=1.6.10_1474366451:8034compositeLinkFn @ angular.js?v=1.6.10_1474366451:7435publicLinkFn @ angular.js?v=1.6.10_1474366451:7309updateView @ angular-ui-router.js?v=1.6.10_1474366451:2733(anonymous function) @ angular-ui-router.js?v=1.6.10_1474366451:2697$broadcast @ angular.js?v=1.6.10_1474366451:15893$state.transition.resolved.then.$state.transition @ angular-ui-router.js?v=1.6.10_1474366451:2114processQueue @ angular.js?v=1.6.10_1474366451:14347(anonymous function) @ angular.js?v=1.6.10_1474366451:14363$eval @ angular.js?v=1.6.10_1474366451:15574$digest @ angular.js?v=1.6.10_1474366451:15385$apply @ angular.js?v=1.6.10_1474366451:15679done @ angular.js?v=1.6.10_1474366451:10166completeRequest @ angular.js?v=1.6.10_1474366451:10338requestLoaded @ angular.js?v=1.6.10_1474366451:10279 

はSourceMapの解析に失敗しました:http://localhost/weblogs-s2/web/metisMenu.js.map

 <div id="wrapper" ui-view="" class="container ng-scope"> 

jsの角度コード

var sbAdmin2 = angular.module('sbAdmin2', ['ui.router','ngSanitize']); 


sbAdmin2.config(function($stateProvider, $urlRouterProvider) { 

$urlRouterProvider.otherwise(''); 

$stateProvider 

    // HOME STATES AND NESTED VIEWS ======================================== 
    .state('Dashboard', { 
     url: '/dashboard/data', 
     templateUrl: 'http://localhost/weblogs-s2/web/weblogs_dev.php/dashboard/data' 
    }) 

    }) 

私は

を使用しているスクリプトを
<html> 
    <head> 
    <script src="{{ asset ('common/assets/libs/jquery/jquery.min.js') }}?v={{ app_version }}"></script> 
    <script src="{{ asset ('common/assets/libs/jquery/jquery-ui/js/jquery-ui.min.js') }}?v={{ app_version }}"></script> 
    <script src="{{asset('common/assets/libs/angular/source/angular.js') }}?v={{ app_version }}_{{ NOW }}"></script> 
    <script src="{{ asset ('common/assets/libs/angular/source/modules/angular-ui-router.js') }}?v={{ app_version }}_{{ NOW }}"></script> 
    <script src="{{ asset ('common/assets/libs/angular/source/modules/angular-sanitize.js') }}?v={{ app_version }}_{{ NOW }}"></script> 
</head> 
    <body> 
    <div id="wrapper" ui-view class="container ng-scope" > 
    </div> 
</body> 
</html> 

私は角JSライブラリと競合

  • jqueryのをGoogleで検索しています。
  • jqueryアプリケーションがうまく動作する前に角度jsをロードすると、
  • しかし、私はデータテーブルにデータを入力する必要がありますし、データテーブルは機能していません。
  • これは、datatableのために、最初から最初のロードまでjqueryを必要とすることを意味します。私は

    • はそれが競合することは、角度のjsライブラリーの前にjQueryをロードすることが可能であるか、必要なもの

    problem arise when i was using datatable using jquery then it would not work when i used jquery after angular js. 
    
任意の提案は、ほとんどが歓迎され

答えて

0

角度V1.3はjQueryのV2.1と上をサポートしています

Angular 1.3 only supports jQuery 2.1 or above. jQuery 1.7 and newer might work correctly with Angular but we don't guarantee that.

出典:https://docs.angularjs.org/misc/faq

それはあなたがしているように見えますjQuery v1.6.10を使用します(それが存在する場合でも)。より新しいバージョンのjQueryにアップデートしてみてください。

(また角度V2 *。あなたは角度V1を使用していることを確認していない。*)

+0

ハイテクダニエル私は、我々はSymfony2ののデータテーブルのlibを使用しているが、我々は、角直面している – afeef

+0

角度JSでのjQueryを使用することはできませんだと思います.js?v = 1.6.10_1474973236:12116 TypeError:$(...)。dataTableは関数ではありません – afeef

+0

jQueryをAngularで使用することは間違いありません!あなたはdataTableスクリプトを含んでいますか? jQueryの後に必ず含めてください。また、AngularがjQueryの後に含まれていることを確認してください。 –