角UI路由器重定向，不改变用户界面视图

这里是我的app.js：角UI路由器重定向，不改变用户界面视图

// Now set up the states 
     $stateProvider 
      .state('/', { 
       url: "/", 
       views: { 
        "top": { 
         templateUrl: 'partials/top.html' 
        }, 
        "content": { 
         templateUrl: 'partials/content.html' 
        } 
        , 
        "footer": { 
         templateUrl: 'partials/footer.html' 
        } 
       } 
      }) 

      .state('consultar', { 
       url: "/consultar", 
       views: { 

        "content": { 
         templateUrl: 'partials/consultar.html' 
        } 

       } 
      })

在我的top.html我有这个部分：

<li><a href="./#/consultar">Consultar Protocolo <span class="sr-only"></span></a></li>

但是，当我点击在链接中，其没有链接只是<div class="content" ui-view="content"></div>，它改变了整个页面（仅显示consultar.html的内容）

为什么？

这里是我的index.html：

<body> 
<div class="top" ui-view="top"></div> //for the navbar 
<div class="content" ui-view="content"></div> //for the content of clicked link in navbar 
<div class="footer" ui-view="footer"></div> //if i need some extra info 
</body>

来源

2014-11-14 user2582318

使用ui-sref代替，让您的链接看起来是这样的：

<li><a ui-sref="consultar">Consultar Protocolo <span class="sr-only"></span></a></li>

来源

2014-11-14 16:08:31 JMK

不工作，仍然会改变整个页面 – user2582318 2014-11-14 16:18:10

可能是你应该指定consultar视图的父：

  .state('consultar', { 
      url: "/consultar", 
       parent: "/", 
       views: { 

        "content": { 
         templateUrl: 'partials/consultar.html' 
        } 

       } 
      })

来源

2014-11-15 05:00:25 huwence

角UI路由器重定向，不改变用户界面视图

回答

相关问题