Angular UI 路由器 - 不调用视图答案

【问题标题】：Angular UI router - not calling the viewsAngular UI 路由器 - 不调用视图
【发布时间】：2014-04-30 19:45:32
【问题描述】：

我是第一次尝试 Angular UI 路由器。我遇到了未相应调用视图的问题。检查插件：http://plnkr.co/edit/cBfR6u2BPJvKN16vi6hG?p=preview

路由器有什么突出的地方吗？

deviceApp.config(function ($stateProvider) {
    $stateProvider
        .state('devices', {
            views: {
                'environment': {
                    template: 'Look I am a view!',
                    controller: 'DataCtrl'
                },
                'devicedetail': { 
                    templateUrl: 'index.html',
                    controller: 'DeviceCtrl'
                }            

            }
        }
   )}
    );

【问题讨论】：

标签： angularjs

【解决方案1】：

也许您的视图对象中没有“url”定义？

'environment': {
                    url: '/environment',
                    template: 'Look I am a view!',
                    controller: 'DataCtrl'
                },

【讨论】：

【解决方案2】：

你可以这样做：

config.js

  .config(function ($urlRouterProvider) {
    $urlRouterProvider.otherwise('/');
    $urlRouterProvider.when('', '/');
  })

app.js

state('main', {
    url: '/',
    views: {
      '': { templateUrl: 'app/main/main.html', controller: 'MainCtrl'},
      'navbar': { templateUrl: 'components/navigation/navbar/navbar.html'},
    }

index.html

<body>
  <header ui-view="navbar" class="header"></header>
  <section class="content">
     <div ui-view></div>
  </section>
</body>

【讨论】：