반응형
Angular ui-router로 기본 상태를 설정하는 방법
저는 테이블의 데이터를 변경하기 위해 상태를 사용하고 있습니다.URL이 형식입니다./zone/:zoneCode
.
하지만, 그 때는/zone
액세스됨 기본값을 특정으로 설정합니다.zoneCode
.
이게 내 암호입니다.
.state('zone',
{
url:'/zone',
controller:'ZoneController',
templateUrl:'views/zone.html'
})
.state('zone.code',
{
url:'/:zoneCode',
templateUrl:function(stateParams)
{
return 'views/zone-codes/'+stateParams.zoneCode+'.html';
}
}
각 하위 보기에 대해 로드된 템플릿에는 데이터를 표시하는 테이블이 포함되어 있습니다.
없을때zoneCode
URL에 존재하며 테이블은 존재하지 않습니다.ui-view
짐을 싣는 것을 몰랐습니다.templateUrl
.
상위 상태에 기본값을 설정하려면 어떻게 해야 합니까?
감사해요.
질문이 꽤 오래되었지만, 저도 같은 문제가 있었기 때문에 여전히 답변을 드리고 싶습니다.이 스택 오버플로 질문에서 답을 찾을 수 있습니다.해당 답변을 사례에 적용하는 방법:
$urlRouterProvider.when('/zone','/zone/'+zoneCode);
urlRouterProvider는 url이 [yoururl]/zone인지 확인합니다.이 경우 zoneCode를 지정한 [your url]/zone/zoneCode로 리디렉션됩니다.
누군가에게 도움이 되길 바랍니다!
사용자가 설정한 기본 경로로 리디렉션하여 존재하지 않는 경로를 처리할 수도 있습니다.
$urlRouterProvider.otherwise('/');
$stateProvider.state("zone", {
url: "/",
templateUrl: "views/zone.html",
});
언급URL : https://stackoverflow.com/questions/20482051/how-to-set-a-default-state-with-angular-ui-router
반응형
'programing' 카테고리의 다른 글
Golang SQL 쿼리 변수 치환 (0) | 2023.09.18 |
---|---|
Android XML 백분율 기호 (0) | 2023.09.18 |
ReferenceError: 설명이 NodeJs로 정의되지 않았습니다. (0) | 2023.09.13 |
Git: 상태, diff 등에서 '수정된 내용'/dirty 서브모듈 항목의 나열을 억제할 수 있습니까? (0) | 2023.09.13 |
팬더는 조건이 충족되는 행에만 적용됩니다. (0) | 2023.09.13 |