无法使ng-show正常工作

时间:2016-03-04 10:02:46

标签: javascript angularjs google-visualization

我不知道我是否以正确的方式使用听众。它适用于其他这个,但我希望在使用ng-show点击时显示HTML div。我错过了什么吗?谢谢!

 <div ng-show="infoActive">
    <h2>WHATEVER IS HERE</h2>
 </div>

我将此作为触发功能。它实际上是有效的(SelectHandler中有更多可以正常工作的东西),但我不能让它显示/隐藏我的潜水。

google.visualization.events.addListener(wrapper, 'select', selectHandler);

function selectHandler(e) {
    $scope.infoActive = !$scope.infoActive;
}

2 个答案:

答案 0 :(得分:2)

您的问题是您没有将功能绑定到范围。将其更改为此,它将起作用:

$scope.selectHandler =  function selectHandler(e) {

          $scope.infoActive = !$scope.infoActive;
          console.log($scope.infoActive);
      }
});

答案 1 :(得分:0)

您应首先初始化值

例如:

  <div ng-show="infoActive" >
   <h2>WHATEVER IS HERE</h2>
   </div>
<button ng-click="infoActive=!infoActive" >click it! </button>

你的控制器会喜欢这个

myApp.controller('Controller', ['$scope', function($scope) {
$scope.infoActive= true;
}]);