AngularJs $watch 为什么这不起作用？

Question

我正在尝试在我写在这里的这个 AngularJs 脚本中反向更新值： http://jsfiddle.net/flashpunk/tR5Mr/1/

$scope.$watch('watchList', function(newV,oldV) {
    console.log('change');
    $scope.main.right.assets = addAssets();
    $scope.main.right.roa = roaCalc();
    $scope.main.right.target = targetCalc();
}, true);

您可以看到您可以更改 Slide1、Slide2、Slide3、Slide4 和 Slide5 输入框中的值，这些值会影响 MAIN 输入框，但是当 MAIN 框为修改。

谁能帮我完成这项工作？我已经为此绞尽脑汁好几个小时了。

Answer 1

试试，

$scope.$watch(function() {
    return $scope.watchList;
}, function (newV, oldV) {
    console.log('change');
    $scope.main.right.assets = addAssets();
    $scope.main.right.roa = roaCalc();
    $scope.main.right.target = targetCalc();
}, true);

Demo

Answer 2

您的手表正在工作。它是由对任何框的更改触发的。

问题是您的手表仅在触发时计算主框的值。您需要检测哪些值发生了变化（幻灯片或主），并根据哪些变化在适当的方向上进行计算..

最简单的解决方案可能是两块手表 - 您目前拥有的一块手表会一直盯着所有幻灯片框。所以该监视列表现在看起来像：

$scope.watchList = [
    $scope.slide1,
    $scope.slide2,
    $scope.slide3,
    $scope.slide4,
    $scope.slide5   
];

还有一块新手表，它可以观看主屏幕并更新滑动框。

$scope.$watch('main', function(newV,oldV) {
    console.log('main changed');
    //Update any slide values that need updating here
}, true);