Javascript 使用ng视图并按需加载控制器_Javascript_Angularjs_Ng View

Javascript 使用ng视图并按需加载控制器

javascript angularjs

Javascript 使用ng视图并按需加载控制器,javascript,angularjs,ng-view,Javascript,Angularjs,Ng View,我使用ng view试图重用常用页面元素。也许我误解了这个观点，在这里不合适基本上，我有一个如下所示的html页面： <html> <head>  </head> <body ng-app="app" ng-controller="ctrl"> <navigation-bar/>

我使用ng view试图重用常用页面元素。也许我误解了这个观点，在这里不合适

基本上，我有一个如下所示的html页面：

<html>
    <head>
        <!-- css and js here including index.js -->
    </head>
    <body ng-app="app" ng-controller="ctrl">
        <navigation-bar/>
        <div ng-view />
    </body>
</html>

My management.html

<div ng-controller="managementController">
<!-- A bunch of code -->
</div>

我为什么要这样做？因为我有很多潜在的视图和很多潜在的控制器。（约50人）

这是不可能的还是不是ng view的意图

如果这不是ng view的意图，那么在这种情况下有什么可以帮助我的吗？

文档中。查看script.js选项卡

$routeProvider.when("/management", {
                    templateUrl : "/experiment/management.html",
                    controller: 'managementController',

                }

如果您想加载实际文件，

可以使用

angular Js

中的

resolve

属性，该属性可以处理动态加载包含目标控制器的脚本，并在加载完成后解析承诺

例如：

$routeProvider
    .when('/management',
        {
            templateUrl: '/experiment/management.html',
            resolve: resolveController('/app/controllers/managementController.js')
        });

$routeProvider.when("/management", {
                    templateUrl : "/experiment/management.html",
                    controller: 'managementController',

                }

$routeProvider
    .when('/management',
        {
            templateUrl: '/experiment/management.html',
            resolve: resolveController('/app/controllers/managementController.js')
        });