2014-10-22 3 views
0

Angular.JS를 사용하여 구성 도구를 개발 중입니다. GUI에는 2 개의 섹션이 있습니다. 왼쪽 패널은 트리보기를 포함하며 모든 구성 항목을 나열하고 오른쪽 패널은 구성 항목을 편집 할 수있는 화면을 포함합니다. 약 6 또는 7 가지 유형의 구성 항목이 있으며 각각에 서로 다른보기가 포함되어 있습니다 ...Angular JS에서보기/컨트롤러를 동적으로로드

단일 API 호출이 모든 데이터를 가져 오기 때문에 현재 단일보기와 컨트롤러가 있습니다. 각 구성 화면은 트리 노드가 클릭 된 곳에서 보이거나 숨겨진 div 태그입니다. 코드가 복잡해지고 있습니다 ... 각 구성 화면을 별도의보기/컨트롤러로 분리하고 사용하지 않고 동적으로 분리 할 수있는 방법이 있습니까? 라우팅

+4

왜 라우팅을 사용하지 않는 것일까? UI-Router에서 제공하는 상태 관리는 필요한 것처럼 들릴 수 있습니까? –

+0

현재 응용 프로그램이 프로토 타입에 있습니다. 데이터는 처음에 단일 REST API 호출에서 모두 읽혀지며 단일 노드 항목의 데이터를 가져 오기위한 호출이 없습니다 ... 따라서 라우팅을 사용할 때마다 전체 데이터 thats the 옵션, 하나의 생각 프로세스는 처음부터 데이터를 수집하고 각도 서비스에 저장하고 대신 서버에서 우리는이 서비스를 사용할 수있는 전체 데이터를 가져 오는 각 화면에 저장했다. 이것이 좋은 아이디어인지 확실하지 않습니다. 나는 UI 라우터에 의해 상태 관리를 점검 할 것이다. – sam1977

답변

0

ng-include는 무엇입니까?

<div ng-include="view1.html" ng-if="selected == 1"> 
<div ng-include="view2.html" ng-if="selected == 2"> 
<div ng-include="view3.html" ng-if="selected == 3"> 

그리고 u는 등 자신의 컨트롤러를 지정할 수 있습니다 각 HTML에서

관련 문제