2

有谁知道 $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 在哪里可以找到组件的模板视图?

4

0 回答 0