更改 AngularJS 指令中的元素宽度

Question

我的指令链接中有这样的代码：

        scope.parentWidth = function (){
            return{'width':element.parent().width()}
        }


        scope.$watch(scope.parentWidth, function(oldValue, newValue) {
            if (oldValue !== newValue) {
                element.css('width', newValue);
                console.log(element.width());
            }
        }, true);

但在控制台中，我看到宽度每次都是相同的（元素是一个简单的 div）。即使newValue 改变了。我做错了吗？

Answer 1

scope.$watch('parentWidth', function(oldValue, newValue) {
            if (oldValue !== newValue) {
                element.css('width', newValue +'px');
                console.log(element.width());
            }
        }, true);

查看作用域的属性时，只需将其作为字符串提供，否则第一个参数也可以是简单的幂等函数

scope.$watch(function(){return scope.parentWidth;}, function(oldValue, newValue) {
            if (oldValue !== newValue) {
                element.css('width', newValue +'px');
                console.log(element.width());
            }
        }, true);