angular-ui-router为什么不能加载视图?

发布于 2022-09-02 10:42:06 字数 1192 浏览 17 评论 0

<!DOCTYPE html>
<html lang="en" ng-app="app">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <title>Title</title>
    <script src="node_modules/angular/angular.min.js"></script>
    <script src="node_modules/angular-ui-router/release/angular-ui-router.min.js"></script>
</head>
<body>
<div ui-view></div>
<script>
    var app = angular.module('app', ['ui.router']);
    app.config(function($stateProvider, $urlRouterProvider){
        $urlRouterProvider.otherwise('/a/b');
        $stateProvider
                .state('a', {
                    url: '/a'
                })
                .state('a.b', {
                    url: '/b',
                    template: '<div>This is b</div>'
                })
    });
</script>
</body>
</html>
为什么我打开页面后,地址是http://localhost:63341/firecontrol/test.html#/a/b,但是没有东西出来呢?template: '<div>This is b</div>'好像没有效果,控制台没报什么错啊?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

2022-09-09 10:42:06

a里面配置

.state('a', {
    url: '/a',
    template:'<div ui-view></div>'
})
最单纯的乌龟 2022-09-09 10:42:06

你要在 a 里面配置如下属性:

.state('a', {
    url: '/a',
    abstract: true
})

希望有所帮助~ :)

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文