2013-01-11 2 views
0

UINavigationController을 사용하는 다른 iPhone 응용 프로그램과 마찬가지로 webapp을 동작시키고 싶습니다.AngularJS 웹 응용 프로그램의 UINavigationController와 유사한 탐색

루트보기와 탐색 모음의 두 가지보기부터 시작하고 싶습니다.

새보기를 표시해야하는 경우 이전보기를 숨기 만하면 새보기가 현재보기 위에 놓입니다.

탐색 막대는 현재보기의 제목과 뒤로 단추 (루트보기가 아닌 경우)를 표시해야합니다.

+0

을 그리고 AngularJS와 함께 어떤이가 할? – asgoth

+0

@asgoth 내 응용 프로그램을 빌드하는 데이 응용 프로그램을 사용하고 있습니다. –

+0

하지만 anglejs webapp와 기본 UINavigationController 구성 요소를 상호 작용하고 싶습니까? 당신은 정말로 당신의 문제가 무엇인지 말하지 못했습니다. – asgoth

답변

1

나는 당신이 ng-view을 보길 권합니다. 뷰를 쉽게 전환 할 수 있습니다. $location 서비스도 확인하십시오. 브라우저의 앞으로/뒤로 버튼을 지원합니다.

더 많은 컨트롤을 원하는, 또는 당신이보기를 전환 할 때, 수동으로 DOM의/숨기기 섹션을 보여 ng-show 및/또는 ng-hide로 물건을 연결할 수 있습니다 변경할 브라 우어의 주소 표시 줄을 원하지 않는 경우. model/$ scope 속성을 사용하여 현재 뷰와 이전 뷰를 추적합니다. 시작하는 방법을 보여주는 fiddle입니다.

<button ng-hide="view == 'root'" ng-click="goBack()">< {{previousView}}</button> 

그리고 전환 전망 : 예를 들어, 탐색 모음은 다음과 같이 보일 수 있습니다

<div ng-show="view == 'view1'">View 1 
    <div><a ng-click="changeView('view1.1')">view 1.1</a> 
    </div> 
</div> 
+0

니스, 나는 이것으로 주위를 바이올린거야! 고맙습니다. –

관련 문제