각도 UI 라우터의 리디렉션은 UI를보기 여기

을 변경하지 않는 것이 내 app.js입니다 : 내가 클릭하면각도 UI 라우터의 리디렉션은 UI를보기 여기

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

하지만 내의 top.html에서

// 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' 
        } 

       } 
      })

난이 부분이 링크에서 해당 페이지가 <div class="content" ui-view="content"></div>이 아닌 것으로 변경되면 전체 페이지가 변경됩니다 (consultar.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 : 여기

내 index.html을의

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

출처

2014-11-14 16:08:31 JMK

이 작동하지 않아도 전체 페이지가 변경됩니다. – user2582318

일 수도 있습니다 consultar 뷰의 부모를 지정해야합니다

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

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

       } 
      })

을

출처

2014-11-15 05:00:25 huwence

각도 UI 라우터의 리디렉션은 UI를보기 여기

답변

관련 문제