2016-12-04 45 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庫中執行此代碼。 – user911

+0

如果(isUndefined(event.immediatePropagationStopped)){ VAR originalStopImmediatePropagation = event.stopImmediatePropagation; event.stopImmediatePropagation = function(){ event.immediatePropagationStopped = true; 如果(event.stopPropagation){ event.stopPropagation(); } 如果(originalStopImmediatePropagation){ originalStopImmediatePropagation.call(事件); } }; – user911

回答

0

根據您提供的代碼,您的代碼似乎在您的應用程序變量名稱和配置功能之間有一個空格。我刪除它。再試一次。我還將應用程序模塊外的firmModule移動了。還有一件事,請遵循John Papas Style Guide。

您也可以共享.modules /公司代碼,看看你是如何導出模塊?

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 - 在此處複製代碼時添加了該空間。它不存在於我的環境中。我也評論了.modules /公司代碼。它仍然不起作用。感謝指向papas風格指南。 – user911

0

我能夠自己解決這個問題。問題是在HTML文件中的ng-app。它應該是body標籤的屬性而不是html標籤。

錯誤

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

正確

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

不正確,你也可以在html元素中使用ng-app。看看這個plunkr來看看https://plnkr.co/edit/tpl:CR2TtS1zz9wFGgsl5z2c?p=preview。只是要知道,什麼是「no-js」? – btinoco