Javascript 使用AngularJS向应用程序添加新网页

Javascript 使用AngularJS向应用程序添加新网页,javascript,angularjs,Javascript,Angularjs,我是AngularJS新手,正在努力为本地运行的web应用程序添加第二个模块。目前,该应用程序打开到显示web地图的“主页”模块。但是,我正在尝试创建一个“登录”页面模块,该模块首先打开(然后,当选择适当的按钮时,将加载“主页”页面模块)。然而,我似乎在框架中迷失了方向 我创建了第二个html文档,其中正文中有ng app=“LandingPage”。以及一个简单的landing.controller.js angular.module('ap.components.landing.contro

我是AngularJS新手,正在努力为本地运行的web应用程序添加第二个模块。目前,该应用程序打开到显示web地图的“主页”模块。但是,我正在尝试创建一个“登录”页面模块,该模块首先打开(然后,当选择适当的按钮时,将加载“主页”页面模块)。然而,我似乎在框架中迷失了方向

我创建了第二个html文档,其中正文中有ng app=“LandingPage”。以及一个简单的landing.controller.js

angular.module('ap.components.landing.controller', [])
    .controller('LandingCtrl', function($scope) {}); 
以及模块的landing.app.js

angular.module('ap.components', [
    'ap.components.landing'
]);

angular.module('ap.components.landing', [
    'ap.components.landing.controller'
]);

angular.module('LandingPage', ['ui.router', 'ap.routes', 'ap.components.landing'])
    .config(function($urlRouterProvider, $locationProvider, $stateProvider) {
        $urlRouterProvider.otherwise(function($injector, $location) {
            var $state = $injector.get("$state");
            $state.go('landing');
        });
        $locationProvider.html5Mode(true);
    });
我在routes.js文件中添加了一个新状态

angular.module('ap.routes', [])
    .config(function($stateProvider) {
        $stateProvider
            .state('landing', {
                url: '/landing',
                templateUrl: 'src/components/landing/landing.html',
                controller: 'LandingCtrl',
            });
我试图在我的express.js中添加信息服务器端,但这似乎不正确/无法区分angularApp和landingApp

module.exports = function(app) {
    app.engine('html', require('ejs').renderFile);
    app.set('view engine', 'html');
    app.use(compression());
    app.use(methodOverride());
    app.use(cookieParser());
    app.use(passport.initialize());
    app.use(bodyParser.urlencoded({ limit: '500mb', extended: true }));
    app.use(bodyParser.json({limit: '500mb', extended: true}));
    app.use(require('connect-livereload')());
    app.use(express.static(path.join(config.root, 'client')));
    app.set('angularApp', 'client/src');
    // app.set('landingApp', 'client/src');
    app.get('/', function (req, res) {
      res.sendFile(app.get('angularApp') + '/index.html');
    });
    // app.get('/landing', function (req, res) {
    //   res.sendFile(app.get('landingApp') + '/index.html');
    // });
    app.use(morgan('dev'));
}

我在运行代码时收到此消息。这些都只是错误代码,似乎对我没有帮助。我是否丢失了需要为新模块添加的文档,或者更可能是我丢失了现有文档中的链接?我找不到关于如何嵌套模块的好的示例文档,因此如果有人这样做,我也将不胜感激

在您的express router中,不要使用
app.get('/'),…
尝试
app.all('/*'),…
。这在ui router的常见问题解答中进行了讨论:这并没有起到作用,但感谢您为我打开了一个新的曲目,以代替
app.get('/'),…
尝试
app.all(“/*”,…
。在您的express路由器中。这在ui路由器的常见问题解答中进行了讨论:这没有做到,但感谢您为我打开了一个新的曲目