URL 경로 + 해시 경로를 기반으로 한 각도 UI 경로

UI 경로를 사용하여 다음 경로에 대해 다른 템플릿을 표시하려고합니다. 의도를 정확하게 볼 수 있도록 전체 URL을 추가합니다.URL 경로 + 해시 경로를 기반으로 한 각도 UI 경로

기본적으로 라우터는 실제 URL 경로를 고려하지만 현재는 템플릿이 감지되지 않고 상태 제공자는 /으로 리디렉션됩니다.

http://localhost/dashboard/#home

이 내용은 $stateProvider입니다.

.state('dashboard.home', { 
    url: '/home', 
    path: 'dashboard', 
    templateUrl: '/partials/dashboard/home' 
})

출처

2014-11-17 flavian

가 있습니까 확인 :이 링크를 클릭하면 작업을하고 있습니다

그리고 이러한 상태 "이름이 '대시 보드'와 부모를 찾을 수"가로 평가 될 것이다 dashboard.를 포함 할 수 없습니다 이유 당신은 "Dot notation"(dashboard.home)이 자식 상태를 위해 사용된다는 것을 알고 있습니까? 즉, "대시 보드"상태에서 자식 상태를 등록 할 수 없다는 뜻입니까? – Asik

이 기능에 대해 들어 본 적이 없습니다 ('path'). 제가 그것에 관해 읽을 수있는 참고 자료가 있습니까? – akonsu

@Asik 간단히 말해서 대시 보드라고해도 여전히 작동하지 않습니다. – flavian

나는 plunker with example here을 만들었습니다. 일반적으로, 우리는이 같은 부모의 자녀 수 :

우리가 볼 수있는 무엇

$stateProvider 
    .state('dashboard', { 
    template: '<div ui-view=""></div>', 
    }) 
$stateProvider 
    .state('dashboard.home', { 
    url: '/home2', 
    path: 'dashboard', 
    templateUrl: '/partials/dashboard/home' 
    })

(정의 URL없이 본 경우) 부모 상태 '대시 보드'가 그 아이의 dashboard.home가 '있다가, 여기에 URL은 url: '/home2'입니다. 그래서 #/홈 2에 가고, 우리는이 상태를

에 도달 할 것 또는 우리는 이것을 사용할 수 있습니다

이

$stateProvider 
    .state('dashboard_home', { 
    url: '/home', 
    templateUrl: '/partials/dashboard/home' 
    })

이 부모없는 상태입니다.

<a href="#/home"> 
<a href="#/home2">

이 here

출처

2014-11-17 18:38:24

URL 경로 + 해시 경로를 기반으로 한 각도 UI 경로

답변

관련 문제