ui-view的小bug

时间:2015-02-20 14:12:29

标签: angularjs uiview

使用ui-view时出现以下错误。

在我的索引页面上我有一些看起来像这样的东西:

<body role="document" ng-app="MyApp">
  <div ng-include="'./views/home.html'"></div>
   //scripts
</body>

到目前为止这么好,它按预期加载了部分,部分看起来像这样:

<navigation></navigation>
  <div class="container-fluid">
    <div class="row">
      <sidebar></sidebar>
      <div ui-view></div>
     </div>
  </div>

还是好的,侧边栏和导航是指令,它们装载完美,我的路线看起来像这样:

 app.config(function($stateProvider, $urlRouterProvider){
    $urlRouterProvider.otherwise('/');
 $stateProvider
   .state('home', {
     url: '/',
     templateUrl: 'views/dashboard.html' 
   });
 });

问题是:我在我的主页上的网址'/',它没有显示dashboard.html,它只显示home.html模板,所以我必须添加'/#/'到显示仪表板,再次点击相同的链接'/#/'后,仪表板会隐藏,所以我必须在网址上手动输入它才能再次查看。

有没有人遇到同样的问题?

我正在使用角上的最后一个版本。

更新

如果我将所有逻辑移动到home.html到索引页面并直接调用它而不使用ng-include,它就像魅力一样,但是,这不是我需要的,我认为加载有些问题我误解了。

1 个答案:

答案 0 :(得分:0)

&#34;否则&#34;功能不是很有用。您应该使用它来提供应加载的状态而不是重复状态定义。我认为你的代码应该是

$urlRouterProvider.otherwise("/home");

$urlRouterProvider.otherwise("home");