$ watch指令中的元素宽度

Question

我正试图在指令中$watch元素的宽度：

appDrct.directive('setWidth', function($interval) {
    return {
        require: '?ngModel',
        link: function($scope, $elm, attr, ngModel) {

            $scope.$watch($elm.parent().width(), function() {
                console.log('Width changed');
            });
        }
     }
})

但它不起作用......我知道我的宽度发生了变化（我尝试用$interval来显示宽度并且它会发生变化）

Answer 1

这是你如何做到的，你需要$watch函数表达式：

$scope.$watch(function () {
        return $element[0].style.width;
       }, function(newVal, oldVal) {
        console.log('Width changed');
});

小提琴