angular怎么监听屏幕宽度改变

[神奇揭-]

如果用angular自带的监听服务
1.$scope.$watch('window.innerWidth', function() {

console.log($window.innerWidth);
});
2.$scope.$watch(function(){

return $window.innerWidth;
}, function(value) {

console.log(value);
});
这两种方法都有尝试，都不能实时监听浏览器宽度改变
如果用原生js再用$scope.$apply()确实可以实现
window.onresize = function () {

$scope.$apply(function(){
console.log($window.innerWidth)
})
};
但是这种方法 如果我用uiroute配置了嵌套路由的话，处于嵌套的路由页面中时，这个方法会失效。
请问各位大哥，有什么好的方法可以用angular监听浏览器宽度的改变吗？

[usecf]

参考下这个http://www.jb51.net/article/125319.htm

[a15156]

谢谢楼主分享 学习一下

[神奇揭-]

引用 1 楼 usecf 的回复:

参考下这个http://www.jb51.net/article/125319.htm

公司用的还是angular1.x的版本 这个比较尴尬