在angularjs blur-admin中创建新页面

时间:2016-08-16 23:50:57

标签: angularjs angular-ui-router

根据the tutorial,我添加了新的页面和模块,但是it doesn't seem to work(它没有显示在侧边栏中,我也无法通过直接网址获取)。我错过了什么?

2 个答案:

答案 0 :(得分:4)

注意 您添加的 newPage 的模块名称为 BlurAdmin.pages.myNewPage 并在代码

中声明为 myNewPage
(function () {
    'use strict';

    angular.module('BlurAdmin.pages.myNewPage', [])
    .config(routeConfig);
    /** @ngInject */
    function routeConfig($stateProvider) {
    $stateProvider
        .state('myNewPage', {
            url: '/myNewPage',
            templateUrl: 'app/pages/myNewPage/my-new-page.html',
            title: 'My New Page',
            sidebarMeta: {
                order: 800,
            },
        });
    }

})();

现在转到 src / app / pages ,您会找到 pages.module.js 。您应该将提到的新模块添加到列表中:

angular.module('BlurAdmin.pages', [
    'ui.router',
    'BlurAdmin.pages.dashboard',
    'BlurAdmin.pages.ui',
    'BlurAdmin.pages.components',
    'BlurAdmin.pages.form',
    'BlurAdmin.pages.tables',
    'BlurAdmin.pages.charts',
    'BlurAdmin.pages.maps',
    'BlurAdmin.pages.profile',
    'BlurAdmin.pages.myNewPage'
])

你已经完成了。

答案 1 :(得分:0)

将模块名称添加到pages.module.js后重新运行gulp serve:dist