AngularJs ng显示不起作用

Question

我正在学习AngularJs。我值得注意的是在控制器中正确设置bar属性。你能不能告诉我哪里出错了？

<div ng-app>
  <h2>Div show Hide </h2>    
  <div ng-controller="ToggleCtrl">
    <p ng-if="foo.bar">hidden</p>
    <p ng-if="foo.bar">Shown</p>
  </div>    
</div>

在控制器中

function ToggleCtrl($scope) {
 $scope.foo.bar=false
}

Answer 1

function ToggleCtrl($scope) {
  $scope.foo = {
    bar: false
  }
}