问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
开发者社区
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

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

头像
づ_lyf
    660980100
    <!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>'好像没有效果，控制台没报什么错啊？
    angularjsui-router
    阅读 3.5k
    2 个回答
    得票最新
    头像
    zhangpenglin
      81422
      ✓ 已被采纳

      a里面配置

      .state('a', {
    url: '/a',
    template:'<div ui-view></div>'
})
      头像
      块马
        1.2k129

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

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

        希望有所帮助~ ：）

        撰写回答
        你尚未登录，登录后可以
        • 和开发者交流问题的细节
        • 关注并接收问题和回答的更新提醒
        • 参与内容的编辑和改进，让解决方法与时俱进