响应指令模板

Question

我正在通过自定义指令为angularjs实现响应式分页组件。想法是寻呼机显示较少的小屏幕页面和更多的大屏幕页面，所以如果它在我的桌面上显示20页并且我调整浏览器窗口的大小（使其非常小），组件应该调整和显示较少的页面。

我想要这样做的方法是通过监听窗口对象上的resize事件并在发生更改时检查宽度。根据宽度的不同，我想更新指令的控制器页面列表，以便显示更少的页面。我一直在指令的链接上尝试这个：

$(window).resize(function(){
    var width = $(window).width();
    console.log(width);
    if (width > 600) {
        paginationCtrl.message='hello';
        maxSize = 3;
        console.log("here");
    }
    else{
        paginationCtrl.message='bye';
    }
    console.debug(paginationCtrl);
}
);

问题是，当我更改屏幕尺寸时，我在页面上看不到消息更改。我想也许链接不是最好的地方。我在这里有一个代码：http://plnkr.co/edit/eIj2HbJluoleBk44Knfe?p=preview