code

"옵션" 매개 변수(각도)UI 라우터를 사용한 JS 상태/뷰

starcafe 2023. 4. 3. 21:39
반응형

"옵션" 매개 변수(각도)UI 라우터를 사용한 JS 상태/뷰

기본적으로 이름과 성을 나타내는 양식을 로드하는 고객 검색 뷰가 있습니다.그러나 이러한 매개 변수를 URL의 인수로 사용할 수 있습니다. 앱 구성에는 다음이 포함됩니다.

    $stateProvider
        .state({
            name:        "search",
            url:         "/search",
            templateUrl: "partials/customerSearch.html",
            controller:  "CustomerSearchCtrl"
        })
        .state({
            name:        "searchGiven",
            url:         "/search/:fn/:ln",
            templateUrl: "partials/customerSearch.html",
            controller:  "CustomerSearchCtrl"
        })

이것은 동작합니다만, 불필요한 용장성이 있는 것 같습니다.더 좋은 방법이 있을까요?이게 무슨 일인가?$urlRouterProvider어떻게 해야 할까요?

UI-Router Tracker에 옵션 파라미터에 대한 문제가 있습니다.현시점에서는 명확하게 지정할 수 없지만 정규 표현을 사용할 수 있습니다.

url: '/search{fn:(?:/[^/]+)?}'

또는 쿼리 파라미터:

url: '/search?fn&ln'

다만, 사람들이 작업을 하고 있기 때문에, 장래에 필요한 기능이 도입될 것으로 예상되고 있습니다.

다음을 사용할 수 있습니다.

$stateProvider
.state({
    name:        "searchGiven",
    url:         "/search/{fn}/{ln}",
    params: {
        fn: {value: 'foo'},
        ln: {value: 'bar'}
    },
    templateUrl: "partials/customerSearch.html",
    controller:  "CustomerSearchCtrl"
})

업데이트가 있습니다. 다음과 같이 할 수 있습니다.

$stateProvider.state("foo", {
  url: "/search/{fn}/{ln}"
});

nateabelle이 옵션 파라미터에 관한 이슈에서 코멘트한 바와 같이: 여기를 참조하십시오.

언급URL : https://stackoverflow.com/questions/21977598/optional-params-in-angularjs-states-views-with-ui-router

반응형