Question

我试图使用带有1.5.x角度组件的Ui-Router（1.0.0-beta.2）。

使用此文档：https://ui-router.github.io/guide/ng1/route-to-component，我提出了类似的内容：

PeriodFormatter

Hello组件就是这样：

config.$inject = ['$stateProvider'];

export default function config($stateProvider) {
    $stateProvider
        .state('app', {
            url: '/app',
            component: 'hello'
        });
}

在我的模块中，我会导入/创建组件：

class Hello {
    static component() {
        return {
            template: 'Hello component !!!'
        };
    }
}

export default Hello.component();

现在，使用Ui-Router，如果我将行import AppConfig from './app.config'; import AppComponent from './app.component'; import HelloComponent from './hello.component'; let appModule = angular.module('demo.app', []); appModule.config(AppConfig); appModule.component('app', AppComponent); appModule.component('hello', HelloComponent);更改为component: 'hello'则可行。

我在这里缺少什么？

我不想使用模板来创建组件，因为我需要通过Ui-Router template: '<hello></hello>'来解析数据。

感谢您的帮助！

编辑1：可以在Github上找到该项目：https://github.com/maxime1992/web-template-webpack/tree/component-router

路由器已定义为here

Ui-Router不使用组件

0 个答案: