javascript - AngularJs ng 显示不工作

Question

我正在学习 AngularJs。我值得注意的是在 Controller 中正确设置了 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>

在 Controller 中

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

Answer 1

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