0
상황을 설명하는 'plunker'이 있습니다. 그래프, 필드, 모달 및 구성 :모달 대화 상자에서 각도 JS ui-router의 상태
- 메인 페이지 (home.html을)은 네 < UI 뷰의 >들로 구성되어 있습니다.
- 그래프 < ui-view >은 그래프 섹션입니다.
- 필드 < ui-view >은 사용자가 클릭하는 링크에 따라 필드 (fields.html 및 fields2.html)를 표시합니다.
- 모달 < ui-view >은 모달 대화 상자를 표시합니다.
- 구성 < ui-view >은 대화 상자에 설정할 설정 목록을 표시합니다.
내가되고 직면하고 문제 - 어떻게 그녀가 대화 상자를 열 수있는 구성의 링크를 클릭하기 전에 사용자가 떠난 < UI 뷰 > 필드의 상태를 유지하기 위해?
EDIT : 또한 대화 링크를 클릭하면 대화 상자에 설정 (settings1.html, settings2.html, settings3.html) 페이지를 표시 할 수 없습니다.
angular.module("myApp")
.config(["$stateProvider", function($stateProvider) {
$stateProvider
.state("home", {
url: "/",
templateUrl: "home.html"
})
.state("home.dashboard", {
views: {
"graph": {
templateUrl: "graph.html"
},
"fields": {
templateUrl: "fields.html"
}
}
})
.state("home.moreFields", {
views: {
"graph": {
templateUrl: "graph.html"
},
"fields": {
templateUrl: "fields2.html"
}
}
})
.state("home.configure", {
views: {
"graph": {
templateUrl: "graph.html"
},
"fields": {
// The templateUrl might be 'fields1.html' or 'fields2.html' depending upon link the user clicked at the time when the dialog is opened.
},
"modal": {
templateUrl: "configure.html"
}
}
})
.state("home.configure.settings1", {
views: {
"graph": {},
"fields": {},
"configure": {
templateUrl: "settings1.html"
}
}
})
.state("home.configure.settings2", {
views: {
"configure": {
templateUrl: "settings2.html"
}
}
})
.state("home.configure.settings3", {
views: {
"configure": {
templateUrl: "settings3.html"
}
}
});
}]);