2014-07-10 3 views
1

각기 다른 뷰가있는 동적 탭이있는 angular-ui-bootstrap이있는 각도 응용 프로그램이 있습니다. 탭을 선택하면 뒤로 돌아 가면 이전에 선택한 탭 내용이 버리고 다시로드되는 것으로 보입니다. 탭 내용의 상태를 저장하는 방법을 찾고 있습니다. 각도로 탭을 전환 할 때 탭 상태를 유지

나는 내가 원하는 것을 보여줍니다이 예제를 찾았지만 동적 탭을 그들이 부모의 ViewModel의 탭의 상태를 저장하고 내 응용 프로그램이 있기 때문에이 여기 http://odetocode.com/blogs/scott/archive/2013/08/14/dynamic-tabs-with-angularjs-and-ui-bootstrap.aspx

그들은이없는 제안 실행 가능한 해결책이 아니다 탭을 사용하지만 표시/숨기기는 방법입니다. angular ui-router maintaining state between tabs

유일한 방법입니까/가장 좋은 방법입니까?

+0

당신은 모델 바인딩 또는 폐쇄 탭의 DOM을 저장하고 싶은거야 .... 위치와 불투명도 재생 화면 또는 대는에서 당신의 사업부를 넣을 수 있습니다? –

+0

둘 다 .. 지금까지 내가 발견 한 가장 인상적인 해결책은 ui-router-extras의 끈적한 상태였습니다. http://christopherthielen.github.io/ui-router-extras/example/sticky/index.html#/ –

답변

0

사용하지 마세요. 나만의 탭을 만들고 그 내용을 DOM에로드하십시오. 한 번에 하나만 표시하십시오. 크롬에서 예상대로 작동하지 않아야하므로 각도 숨겨진 방법을 변경해야합니다. 기본값은 display : none 또는 hidden (dont remenber)이고 chrome은 아마 perf 형식을 제거합니다.

당신은

+1

css 문제이지만 각도 명령문 1. 각도 ui 탭을 모르겠지만 DOM을 제거하고 탭을 전환 할 때 다시 컴파일하는 것처럼 게시 한 것에서 볼 수 있습니다. – jcubic

관련 문제