操作件调整在AngularJS

Question

我有两个div一个指令：

<div id="childContainer"> 
    <div id="child"> 
    <a class="btn btn-primary testBtn1" ng-show="!vm.hideButton">Test Button 1</a> 
    <a class="btn btn-secondary testBtn2">Test Button 2</a> 
    </div> 
</div> 

我试图保持childContainer div的，相同的高度child格，特别是当我躲在testBtn1。这里是我的指令的控制器内的手表功能，应该这样做：

$scope.$watch(function(){ 
    return vm.child.height(); //vm.child is a jQuery object 
}, function(){ 
    vm.childContainer.height(vm.child.height()); //vm.childContainer is a jQuery object 
}); 

但是，按预期这是行不通的。就好像手表功能触发得太晚了一样。您可以查看问题here on my plnkr。

Answer 1

$watch应该在你想要监视的变量中，不是的值。

return vm.child.height(); //vm.child is a jQuery object 

在这里，你正在返回的值vm.child.height();。修改成：

$scope.$watch('vm.child.height()', function(){ 
    vm.childContainer.height(vm.child.height()); //vm.childContainer is a jQuery object 
});