2016-12-04 18 views
0

私のangularjs設定ブロック内のコードは実行されません。私はすでにstackoverflow上の同様の質問をチェックして何も私を助けた。私はすでに2つの可能なエラーをチェックしました。 1)htmlにng-appがありません。角度設定ブロックが呼び出されない

2)モジュールのオーバーライド。

何が問題なのかよく分かりません。私はブレークポイントがこの行に行くのがわかりますが、このブロックの中には入っていません。私はまた、コンソール上でエラーが表示されません。ただそれを静かに無視します。 $ locationProviderを$ locationProvider1に変更しても、エラーは発生しません。

myLittleApp .config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) { 

index.htmlを

<html class="no-js" ng-app="littleapp"> 

</html> 

app.js

'厳密使用します';

var angular = require('angular'); 

require('angular-ui-router'); 

require('angular-ui-bootstrap'); 

var myLittleApp = angular.module('littleapp', [ 
    'ui.router', 
    'ui.bootstrap', 
    require('./modules/firm').name 
]); 

myLittleApp .config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) { 
console.log('test'); 
}]); 
+0

だけの思考、あなたが( './モジュール/事務所')を必要と 'よろしいです。NAME'が正しく動作していますか?わかりませんが、.configブロックが依存関係の順に評価されることを期待しています( 'littleapp'の設定ブロックが'。/ modules/firm'のブロックの前で実行されないように)。それを削除するとどうなりますか? – Daniel

+0

私もそれを試みました。運がない。私はangularjsライブラリからこのコードをexcecutingしていることがわかります。 – user911

+0

if(isUndefined(event.immediatePropagationStopped)){ var originalStopImmediatePropagation = event.stopImmediatePropagation; event.stopImmediatePropagation = function(){ event.immediatePropagationStopped = true; if(event.stopPropagation){ event.stopPropagation(); } if(originalStopImmediatePropagation){ originalStopImmediatePropagation.call(event); } }; – user911

答えて

0

提供されたコードに従って、コードにはアプリケーション変数名とconfig関数の間にスペースがあるようです。私はそれを削除した。もう一回やってみよう。また、firmModuleをappモジュールの外に移動しました。もう一つ、John Papas Style Guideに従ってみてください。

また、モジュールをエクスポートする方法については、モジュール/会社コードを共有できますか?

var angular = require('angular'); 

require('angular-ui-router'); 

require('angular-ui-bootstrap'); 

var firmModule = require('./modules/firm').name; 

var myLittleApp = angular.module('littleapp', [ 
    'ui.router', 
    'ui.bootstrap', 
    firmModule 
]); 

myLittleApp.config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) { 
    console.log('test'); 
}]); 
+0

btinoco - ここにコードをコピーしている間にそのスペースが追加されました。私の環境には存在しません。私はまた、モジュール/企業コードをコメントしました。それでも動作しません。パパのスタイルガイドへのポインタをありがとう。 – user911

0

私自身でこの問題を解決できました。問題はhtmlファイルのng-appで発生しました。 htmlタグの代わりにbodyタグの属性でなければなりません。

間違っ

<html class="no-js" ng-app="littleapp"> 
<body> 
</body> 
</html> 

正しい

<html class="no-js" > 
<body ng-app="littleapp"> 
</body> 
</html> 
+0

がtrueでない場合、html要素にもng-appを使用できます。このplunkrでhttps://plnkr.co/edit/tpl:CR2TtS1zz9wFGgsl5z2c?p=previewを見てください。ちょうど知るために、「no-js」は何ですか? – btinoco

関連する問題