Question

我正在尝试将角度v1.6.2组件和ui-router一起测试，但无法使其工作。这是我的

HTML：

<!DOCTYPE html>
    <html lang="en" ng-app="rrrwamac">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
    </head>
    <body>
        <!-- <test></test> -->
        <ui-view></ui-view>

        <script src="node_modules/angular/angular.js"></script>
        <script src="node_modules/angular-ui-router/release/angular-ui-router.js"></script>

        <script src="index.js"></script>
        <script src="test.js"></script>
    </body>
    </html>

成分：

angular.module('rrrwamac').component('test', {
  template:  '<h3>Its the UI-Router<br>testing..!</h3>'
})

和config：

var app = angular.module('rrrwamac', ['ui.router']);

app.config(function($stateProvider) {
    $stateProvider
        .state('test', {
            url: '',
            component: 'test'
        });
});

注意：当我放置组件标签

时

<test></test>

一切正常，但当我尝试使用ui-router和ui-view时，它并没有。

我也在使用live-server，将额外的脚本放入我的html并连接到http://127.0.0.1:8080/。任何帮助非常感谢。感谢名单。

如何使用ui-router绑定角度组件

0 个答案: