Angular - 无法观察是否在ng-switch-when内

Question

我需要$观察范围内的变量，但它永远不会被调用。 我发现它与ng-switch-when有关。

例如： http://jsfiddle.net/gGKGX/

angular.module("GuyModule",[]).controller("GuyController", function($scope) {

    $scope.something = "foo";

      $scope.guy="This is guy";

    $scope.$watch('guy', function(){ console.log("guy changed!"); }  );

} );


<div  ng-controller="GuyController" ng-app="GuyModule">
    <div ng-switch="something">
        <div ng-switch-when="foo">
            <input ng-model="guy"/>
        </div>
        <div ng-switch-when="bar">
            <button ng-click="something='bar'">Click me!</button>
        </div>
    </div>
</div>

我希望“家伙改变了！”要打印但不是，当我删除“ng-switch-when”时它可以工作。 我该如何解决这个问题？

顺便说一下 - 同样的事情发生在ui-if（来自angularui项目）。

Answer 1

家伙在开关和控制器的范围内。

如图所示，两个范围内都存在guy。在编辑它时，您正在ng-switch的范围内对其进行编辑，而不是正在编辑您正在观看的那个

另一个例子是在交换机外显示人：http://jsfiddle.net/TheSharpieOne/gGKGX/1/

要解决此问题：将$parent添加到切换中的guy $parent.guy）：http://jsfiddle.net/TheSharpieOne/gGKGX/2/