Javascript angularjs ui视图不会替换为部分jade模板

我是新手。我试图从输入元素中检索名称并显示它。我正在使用express和ui路由器

1：我的浏览器控制台没有错误，但ui路由器模板没有显示。所以我的第一个问题是为什么templateUrl没有呈现

2：我在浏览器元素中获得

，但没有为模板分配控制器。所以我的第二个问题是为什么ui路由器控制器（hello.client.controller.js）没有被调用

请给我一些建议

app/views/index.jade

doctype html
    html
        head
            title= title
            link(href='css/main.css', rel='stylesheet')
        body
            div#mainApp(ui-view='')

            script(type='text/javascript', src='/lib/angular/angular.min.js')
            script(type='text/javascript', src='/lib/angular-ui-router/release/angular-ui-router.min.js')
            script(type='text/javascript', src='/modules/hello/hello.client.module.js')
            script(type='text/javascript', src='/modules/hello/config/hello.client.routes.js')
            script(type='text/javascript', src='/modules/hello/controllers/hello.client.controller.js')
            script(type='text/javascript', src='/modules/hello/filters/hello.client.filter.js')
            script(type='text/javascript', src='/application.js')

app/routes/partial.server.routes.js

module.exports = function(app) {
    var partial = require('../controllers/partial.server.controller');
    app.get('/modules/:module/views/:partial', partial.render);
};

exports.render = function(req, res) {
    res.render('.' + req.path);
};

 angular.module('hello', ['ui-route'])
    .config(['$stateProvider',  function($stateProvider) {
        $stateProvider
            .state('hello', {
                url: '/',
                templateUrl: '/modules/hello/views/hello.client.view.jade'
            });
    }
]);

angular.module('hello').controller('HelloController', 
    function($scope) {
        $scope.yourName = 'No Name';
    }   
);

var mainAppModuleName = 'Main'
var mainAppModule = angular.module(mainAppModuleName, ['ui.router', 'hello']);

angular.element(document).ready(function() {
    angular.bootstrap(document.querySelector('#mainApp'), [mainAppModuleName], {
        strictDI: true
    });
});

app/controllers/partial.server.controller.js

module.exports = function(app) {
    var partial = require('../controllers/partial.server.controller');
    app.get('/modules/:module/views/:partial', partial.render);
};

exports.render = function(req, res) {
    res.render('.' + req.path);
};

 angular.module('hello', ['ui-route'])
    .config(['$stateProvider',  function($stateProvider) {
        $stateProvider
            .state('hello', {
                url: '/',
                templateUrl: '/modules/hello/views/hello.client.view.jade'
            });
    }
]);

angular.module('hello').controller('HelloController', 
    function($scope) {
        $scope.yourName = 'No Name';
    }   
);

var mainAppModuleName = 'Main'
var mainAppModule = angular.module(mainAppModuleName, ['ui.router', 'hello']);

angular.element(document).ready(function() {
    angular.bootstrap(document.querySelector('#mainApp'), [mainAppModuleName], {
        strictDI: true
    });
});

public/modules/hello/config/hello.client.routes.js

module.exports = function(app) {
    var partial = require('../controllers/partial.server.controller');
    app.get('/modules/:module/views/:partial', partial.render);
};

exports.render = function(req, res) {
    res.render('.' + req.path);
};

 angular.module('hello', ['ui-route'])
    .config(['$stateProvider',  function($stateProvider) {
        $stateProvider
            .state('hello', {
                url: '/',
                templateUrl: '/modules/hello/views/hello.client.view.jade'
            });
    }
]);

angular.module('hello').controller('HelloController', 
    function($scope) {
        $scope.yourName = 'No Name';
    }   
);

var mainAppModuleName = 'Main'
var mainAppModule = angular.module(mainAppModuleName, ['ui.router', 'hello']);

angular.element(document).ready(function() {
    angular.bootstrap(document.querySelector('#mainApp'), [mainAppModuleName], {
        strictDI: true
    });
});

public/modules/hello/controllers/hello.client.controller.js

module.exports = function(app) {
    var partial = require('../controllers/partial.server.controller');
    app.get('/modules/:module/views/:partial', partial.render);
};

exports.render = function(req, res) {
    res.render('.' + req.path);
};

 angular.module('hello', ['ui-route'])
    .config(['$stateProvider',  function($stateProvider) {
        $stateProvider
            .state('hello', {
                url: '/',
                templateUrl: '/modules/hello/views/hello.client.view.jade'
            });
    }
]);

angular.module('hello').controller('HelloController', 
    function($scope) {
        $scope.yourName = 'No Name';
    }   
);

var mainAppModuleName = 'Main'
var mainAppModule = angular.module(mainAppModuleName, ['ui.router', 'hello']);

angular.element(document).ready(function() {
    angular.bootstrap(document.querySelector('#mainApp'), [mainAppModuleName], {
        strictDI: true
    });
});

public/application.js

module.exports = function(app) {
    var partial = require('../controllers/partial.server.controller');
    app.get('/modules/:module/views/:partial', partial.render);
};

exports.render = function(req, res) {
    res.render('.' + req.path);
};

 angular.module('hello', ['ui-route'])
    .config(['$stateProvider',  function($stateProvider) {
        $stateProvider
            .state('hello', {
                url: '/',
                templateUrl: '/modules/hello/views/hello.client.view.jade'
            });
    }
]);

angular.module('hello').controller('HelloController', 
    function($scope) {
        $scope.yourName = 'No Name';
    }   
);

var mainAppModuleName = 'Main'
var mainAppModule = angular.module(mainAppModuleName, ['ui.router', 'hello']);

angular.element(document).ready(function() {
    angular.bootstrap(document.querySelector('#mainApp'), [mainAppModuleName], {
        strictDI: true
    });
});

项目结构

doctype html
    html
        head
            title= title
            link(href='css/main.css', rel='stylesheet')
        body
            div#mainApp(ui-view='')

            script(type='text/javascript', src='/lib/angular/angular.min.js')
            script(type='text/javascript', src='/lib/angular-ui-router/release/angular-ui-router.min.js')
            script(type='text/javascript', src='/modules/hello/hello.client.module.js')
            script(type='text/javascript', src='/modules/hello/config/hello.client.routes.js')
            script(type='text/javascript', src='/modules/hello/controllers/hello.client.controller.js')
            script(type='text/javascript', src='/modules/hello/filters/hello.client.filter.js')
            script(type='text/javascript', src='/application.js')

• 我的项目
  • 应用程序
    • 控制器
      • index.server.controller.js
      • partial.server.controller.js
    • 路线
      • index.server.routes.js
      • partial.server.routes.js
    • 观点
      • 翡翠索引
  • 配置
    • express.js
  • 公开的
    • 解放党
      • 棱角的
      • 角度用户界面路由器
    • 模块
      • 你好
        • 配置
          • hello.client.routes.js
        • 控制器
          • hello.client.controller.js
        • 过滤器
          • hello.client.filter.js
        • 观点
          • 你好，client.view.jade
        • hello.client.module.js
      • application.js
  • server.js

---

可能您放在templateUrl上的路径不正确。你能“描述”你的文件结构吗？@geo谢谢你的回复，添加了项目结构。在templateUrl上测试这个：templateUrl:“../../public/modules/hello/views/hello.client.view.jade”谢谢，但它不起作用。浏览器元素：，没有为模板分配控制器。这是另一个错误