programing

Angular ui-router로 기본 상태를 설정하는 방법

goodsources 2023. 9. 18. 21:18
반응형

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';
    }
}

각 하위 보기에 대해 로드된 템플릿에는 데이터를 표시하는 테이블이 포함되어 있습니다.
없을때zoneCodeURL에 존재하며 테이블은 존재하지 않습니다.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

반응형