问答博客资讯标签用户活动
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

Angularjs ui-router 加载多视图的问题。

头像
displaynone
    11025

    跑了下官方的例子，但是没加载出来。不知道为什么。
    以下是代码
    index.html

    <!DOCTYPE html>
<html ng-app="myApp">
<head>
    <meta charset="UTF-8">
    <title>Index</title>
    <script src="js/angular.js"></script>
    <script src="js/angular-ui-router.js"></script>
    <script src="js/app.js"></script>
</head>
<body>
  <div ui-view="filters"></div>
  <div ui-view="tabledata"></div>
  <div ui-view="graph"></div>
</body>
</html>

    app.js

    var myApp = angular.module("myApp",["ui.router"]);
myApp.config(function($stateProvider, $urlRouterProvider) {
    $urlRouterProvider.otherwise("report");
      $stateProvider.state('report',{
    views: {
      'filters': {
          'template':"<h1>filters<h1>"
      },
      'tabledata': {
          'template':"<h1>tabledata<h1>"
      },
      'graph': {
          'template':"<h1>graph<h1>"
      }
    }
  })
});

    这是运行结果
    运行结果
    控制台无报错。
    AngularJs的版本是1.4.7

    javascriptangularjsangularui
    阅读 5.3k
    2 个回答
    得票最新
    头像
    displaynone
      11025

      自问自答吧。发现问题少写了个url参数。官方的例子也是傻傻地没写，不知道深层次的原因。。。

      var myApp = angular.module("myApp",["ui.router"]);
myApp.config(function($stateProvider, $urlRouterProvider) {
    $urlRouterProvider.otherwise("report");
  $stateProvider.state('report',{
      url:"/",
    views: {
      'filters': {
          template:"<h1>filters<h1>"
      },
      'tabledata': {
          template:"<h1>tabledata<h1>"
      },
      'graph': {
          template:"<h1>graph<h1>"
      }
    }
  })
 
});
      头像
      dorothyguan
        3
        新手上路，请多包涵
        撰写回答
        你尚未登录，登录后可以
        • 和开发者交流问题的细节
        • 关注并接收问题和回答的更新提醒
        • 参与内容的编辑和改进，让解决方法与时俱进
        推荐问题