javascript - 标志状态未反射(reflect)在HTML页面中

我有一个链接到AngularJS中的控制器的HTML页面。在控制器中，我有一个标志showTree=true。我正在使用<h3>{{showTree}}</h3>在HTML页面中显示此标志的状态

当我设置showTree=false时，它会反映在HTML页面中，但是当我将其更改回showTree=true时，更改不会在HTML页面中反映出来。

我使用检查了标志的状态

 $scope.$watch('showTree',function(){
            alert("changed"+$scope.showTree);
            console.log($scope.showTree);
        });

结果表明该值正在更改。但是它仍然没有反映在HTML页面中。

我尝试使用$scope.$apply();无效。

有没有什么办法解决这一问题？

最佳答案

我认为是scope问题。您可能正在使用ng-include来创建新的作用域，因此，当您更改$scope.showTree的值时，它会更改值，但会在子作用域中创建新的showTree，并且您希望在父作用域中进行更改。希望能帮助到你。