每次加载页面时加载控制器组件

Question

我有一个如此定义的组件：

angular.
module('myHeader').
component('myHeader', {
templateUrl: 'app/headerTemplate.html',
controller: ['$routeParams', 'ArtService', 
            function HeaderController ($routeParams, Art) {
                console.log($routeParams.artPage);
                if($routeParams.artPage == 'doodles') {
                    this.artTypes = ['Doodle', 'Art'];
                } else if($routeParams.artPage == 'illustrations') {
                    this.artTypes = ['Illustrations'];
                } else if($routeParams.artPage == 'paintings') {
                    this.artTypes = ['Paintings'];
                } else if($routeParams.artPage == 'graphic_design') {
                    this.artTypes = ['Graphic', 'Design'];
                }
            }
        ]
});

每当加载新页面时，artPage参数都会更改。我希望每次加载页面时都使用artTypes对象的新值。虽然，console.log告诉控制器只是第一次加载。如何在每次加载页面时加载它？

PS：我使用的是Angular v1.6.1。