Angular UI路由器 - 不调用视图

我正在尝试第一次使用Angular UI路由器。我有问题的意见不被相应地调用。检查闯入者：http://plnkr.co/edit/cBfR6u2BPJvKN16vi6hG?p=preview Angular UI路由器 - 不调用视图

路由器上有什么突出的东西吗？

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

      } 
     } 
    )} 
    );

来源

2014-04-30 user3167078

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

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

来源

2014-09-23 20:42:33

你可以做这样的事情：

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>

来源

2014-09-23 20:48:37 DeadCalimero

Angular UI路由器 - 不调用视图

回答

相关问题