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

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

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。

使用绑定属性

art

并观察组件控制器内部的更改如何？组件中要设置/传递的

art

值-

对不起，我不明白，我对Angular不熟悉。请你详细说明一下。请看一下角组件中的

绑定。您可以使用像
bindings:{art:'='//或art:'这样的绑定