javascript - angular 使用了ui-router 之后controller里面的内容不执行
phpcn_u1582
phpcn_u1582 2017-05-19 10:33:31
[JavaScript讨论组]

angular 使用了ui-router 之后controller里面的内容不执行

这个是index页面↓




    
    Title
    


    

这个是公共头部页面↓


这个是公共头部的js↓

var header = angular.module('Header', []);

header.factory('HeaderFac', [function () {
    var HeaderFac = {};
    var lists;
    
    HeaderFac.setNavList = function (navList) {
        console.log(navList);
        lists = navList;
        console.log(lists);
    };
    
    HeaderFac.getNavList = function () {
    
        return lists;
    
    };
    
    return HeaderFac;
    
}]);

header.controller('HeaderPage', ['$scope', '$state', '$http', 'HeaderFac', function ($scope, $state, $http, HeaderFac) {
    
    $scope.$watch(HeaderFac.getNavList, function (newVal, oldVal, scope) {
        
        $scope.navLists = newVal;
        
    });
    
}]);

这个是index的js↓

var condition = "";

var getUserAdProgram = "";

var app = angular.module('app', ['ui.router', 'Header']);

app.config(['$stateProvider', '$urlRouterProvider', function ($stateProvider, $urlRouterProvider) {
    $urlRouterProvider.otherwise(condition);
    $stateProvider.state('app', {
        url: condition,
        views: {
            'commonHeader': {
                templateUrl: '/demo/common/nav.html'
            }
        }
    });
}]);

app.controller('Header', ['$scope', '$http', '$stateParams', 'HeaderFac', '$location', function ($scope, $http, $stateParams, HeaderFac, $location) {

    HeaderFac.setNavList([
        {
            name: '首页',
            en: 'HOME',
            link: 'index.html'
        }, {
            name: '关于我们',
            en: 'ABOUT US',
            link: 'page/about.html'
        }, {
            name: '设计师风采',
            en: 'STYLE',
            link: ''
        }, {
            name: '作品展示',
            en: 'SHOW',
            link: ''
        }, {
            name: '教学与交流平台',
            en: 'TEACHING',
            link: ''
        }, {
            name: '更多选项',
            en: 'MORE',
            link: ''
        }, {
            name: '联系我们',
            en: 'CONNECT',
            link: ''
        }
    ])

}]);

代码会执行到app.controller('Header', ['$scope', '$http', '$stateParams', 'HeaderFac', '$location', function ($scope, $http, $stateParams, HeaderFac, $location) {} 这一行 但是function里面的内容不会执行
请问一下是什么问题

phpcn_u1582
phpcn_u1582

全部回复(1)
给我你的怀抱

这个叫Header的controller并没有对应的页面啊

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号