웹개발 및 최신 테크 소식을 전하는 블로그, 웹이즈프리

HOME > angularjs

AngularJS에서 route에서 controller as 사용방법

Last Modified : 2018-08-07 / Created : 2018-08-06
2,703
View Count
AngularJS에서 $routeProvider를 사용하는 경우 template, controller 등을 설정할 수 있습니다.

만약 html에 사용하는 컨트롤러에 별칭을 사용할 수 있도록  'controller as' 선언처럼 route설정시 사용하는 방법은 무엇일까요?




# routeProvider 설정시 컨트롤러의 별칭 사용하는 방법

이 경우 route 설정 옵션으로 controllerAs를 사용하는 것으로 가능합니다. 예를들어 만약 mainController를 ctrl로 사용하는 경우 아래와 같이 사용할 수 있게됩니다.
$routeProvider
    .when('/', {
        templateUrl: 'main.html',
        controller: 'mainController',
        controllerAs: 'ctrl'
    });


이제 템플릿 내에서 별칭 ctrl을 사용하여 접근하는 것이 가능합니다.

Previous

angular cli는 무엇이고 설치 및 사용방법