角配置块未被调用

时间:2016-12-04 23:26:30

标签: angularjs angular-ui-router

我的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

&#39;使用严格的&#39;;

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');
}]);

2 个答案:

答案 0 :(得分:0)

根据您提供的代码,您的代码似乎在您的应用程序变量名称和配置函数之间有一个空格。我删除了它。再试一遍。我还将appModule移到app模块之外。还有一件事,请尝试遵循John Papas Style Guide。

您也可以共享.modules / firm代码以了解如何导出模块吗?

        var jcarousel = $('.jcarousel').jcarousel();

        $('.jcarousel-control-prev')
                .on('jcarouselcontrol:active', function() {
                        $(this).removeClass('inactive');
                })
                .on('jcarouselcontrol:inactive', function() {
                        $(this).addClass('inactive');
                })
                .jcarouselControl({
                        target: '-=1'
                });

        $('.jcarousel-control-next')
                .on('jcarouselcontrol:active', function() {
                        $(this).removeClass('inactive');
                })
                .on('jcarouselcontrol:inactive', function() {
                        $(this).addClass('inactive');
                })
                .jcarouselControl({
                        target: '+=1'
                });

                var setup = function(data){
                    var html = '<ul>';

                    $.each(data.museums, function(){
                        html += '<li><img src=""' + this.images.url + '""></li>';

                    });

                    html += '</ul>';
                    jcarousel.html(html);
                    jcarousel.jcarousel('reload');
    };
$.getJSON('museums.php', setup);

答案 1 :(得分:0)

我能够自己解决这个问题。问题出在html文件中的ng-app。它应该是body标签的属性而不是html标签。

<强>错

fetch = +refs/heads/*:refs/remotes/github/*

<强>正确

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