有谁知道 $componentLoaderProvider 的新 ngComponentRouter 等价物来告诉路由器在哪里可以找到视图。我有一个位于应用程序根目录之外的主组件
app/components/home/home.html 以及以下 home.js
(function () {
'use strict';
angular.module('formbuilder.pages')
.directive('home', directive);
directive.$inject = ['$log'];
// configure subroutes
directive.$routeConfig = [
{
path: '/',
component: 'welcome',
as: 'Welcome'
}
];
function directive($log) {
return {
templateUrl: 'app/components/home/home.html', <-- thought this wasn't needed
controller: controller,
controllerAs: 'home'
}
}
controller.$inject = ['$router'];
function controller($router) {
var vm = angular.extend(this, {
samplefunction: samplefunction
});
vm.text = 'Form Builder v.1';
function samplefunction() {
// handle mobile view
alert("click me controller function");
}
}
})();
在上面的 templateUrl: 'app/components/home/home.html' 中,我认为应该可以省略。
以前版本的文档显示
.config(['$componentLoaderProvider', function($componentLoaderProvider){
$componentLoaderProvider.setTemplateMapping(function (name) {
return 'parallel/components/' + name + '/' + name + '.html';
});
但是它在 $componentLoaderProvider 上抛出一个错误,并且在通过 angular_1_router.js 文件进行搜索后,我找不到这样的提供者......有谁知道如何告诉 ngComponentRouter 在哪里可以找到组件的模板视图?