2017-07-14 6 views
-1

あなたは私を助けることができます、私はテンプレートのCSSとjQueryファイルを呼びたい、私はそれを作ったが、そのページとプラグインファイルが表示されていない表示されています!スクリプトプラグインテンプレート/ページのスクリプトui.route angularjs?

  1. 示していない空白のページのための呼び出しプラグイン

{

app.constant('MODULE_CONFIG', [ 
    { 
     name: 'alumnss', 
     module: true, 
     files: [ 
      'public/alumni/css/icomoon.css', 
      'public/alumni/css/simple-line-icons.css', 
      'public/alumni/css/magnific-popup.css', 
      'public/alumni/css/owl.carousel.min.css', 
      'public/alumni/css/owl.theme.default.min.css', 
      // 'public/alumni/css/salvattore.css', 
      'public/alumni/css/style.css', 
      'public/alumni/js/modernizr-2.6.2.min.js', 
      'public/alumni/js/jquery.easing.1.3.js', 
      'public/alumni/js/jquery.waypoints.min.js', 
      'public/alumni/js/jquery.magnific-popup.min.js', 
      'public/alumni/js/owl.carousel.min.js', 
      'public/alumni/js/jquery.countTo.js', 
      'public/alumni/js/main.js' 
     ] 
    } 
]).config(['$ocLazyLoadProvider', 'MODULE_CONFIG', function($ocLazyLoadProvider, MODULE_CONFIG) { 
    $ocLazyLoadProvider.config({ 
     debug: false, 
     events: false, 
     modules: MODULE_CONFIG 
    });}]);} 

2.このルートページ

app.config(function($stateProvider, $urlRouterProvider, MODULE_CONFIG) { 
$urlRouterProvider.otherwise('/alumnis'); 
$stateProvider 
.state('alumnis', { 
url: '/alumnis', 
templateUrl: 'alumni.html', 
controller:'', 
resolve: load(['alumnss']) // **THIS CALL FROM 'MODULE_CONFIG' has been called, But the html page not showing ** 
}) 

function load(srcs, callback) { 
     return { 
      deps: ['$ocLazyLoad', '$q', 
       function($ocLazyLoad, $q){ 
       var deferred = $q.defer(); 
       var promise = false; 
       srcs = angular.isArray(srcs) ? srcs : srcs.split(/\s+/); 
       if(!promise){ 
        promise = deferred.promise; 
       } 
       angular.forEach(srcs, function(src) { 
        promise = promise.then(function(){ 
        angular.forEach(MODULE_CONFIG, function(module) { 
         if(module.name == src){ 
         if(!module.module){ 
          name = module.files; 
         }else{ 
          name = module.name; 
         } 
         }else{ 
         name = src; 
         } 
        }); 
        return $ocLazyLoad.load(name); 
        }); 
       }); 
       deferred.resolve(); 
       return callback ? promise.then(function(){ return callback(); }) : promise; 
      }] 
     } 
     } 
     }); 

this imageため、この機能app.constant、テンプレート、または何か間違ったコード???お願い助けて???

+0

これは完全な例ではありませんが、これに対してプランナーまたはフィドルを書くことができますか? – Shohel

+0

ok wait私は試してみてください。コメントはありません –

+0

私はhttps://github.com/mdshohelrana/AngularJSArchitectureのgitの例があります。このアーキテクチャにコードをテストしようとするとよいでしょう。すべてのものはあなたと同じです。 – Shohel

答えて

0

私は

var app = angular.module('routerApp'); 

app.constant('JQ_CONFIG', { 
    callplugincss: [ 
     'style.css' 
    ] 
}); 

app.constant('MODULE_CONFIG', [{ 
    name: 'ngGrid', 
    module: true, 
    files: [ 
     'js of ng grid' 
    ] 
}]); 

と依存関係の変化

routerApp.config(function ($stateProvider, $urlRouterProvider, MODULE_CONFIG, JQ_CONFIG) { 
をMODULE_CONFIGないこの

<script data-require="[email protected]" data-semver="1.0.9" src="https://cdnjs.cloudflare.com/ajax/libs/oclazyload/1.1.0/ocLazyLoad.min.js"></script> 

よう

変更ocLazyLoad CDNソリューションを得てとJQ_CONFIGのためのコードを記述しています

私はそれがうまくいくと思います。ありがとう。

+0

うわあちゃん答えてくれてありがとう –

関連する問題