angularjs – Angular – 无法在ng-switch-when内观看

发布时间：2020-12-17 16:58:42 所属栏目：安全来源：网络整理

导读：我需要$观察范围的变量,但它永远不会被调用. 我发现它与ng-switch-when有关. 例如： http://jsfiddle.net/gGKGX/ angular.module("GuyModule",[]).controller("GuyController",function($scope) { $scope.something = "foo"; $scope.guy="This is guy"; $sco

我需要$观察范围的变量,但它永远不会被调用.
我发现它与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项目).

解决方法

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

正如您在图片中看到的那样,两个范围都存在.在编辑它时,您正在ng-switch的范围内进行编辑,而不是正在编辑您正在观看的那个

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

解决此问题：将$parent添加到交换机中的人($parent.guy)：http://jsfiddle.net/TheSharpieOne/gGKGX/2/

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!