javascript - Angularjs -> ng-click 和 ng-show 显示 div

Question

我试图在用户按下按钮时显示一个 div，似乎很容易，但在花了很多时间之后我对此感到非常疯狂。我的代码是

我的 fiddle :http://jsfiddle.net/jmhostalet/4WK7R/1/

<div ng-app>
    <div ng-controller="MyCtrl">
        <div><button id="mybutton" ng-click="showAlert()">Click me</button></div>
        <div>Value: {{myvalue}}</div>
        <div><div ng-show="myvalue" class="hideByDefault">Here I am</div></div>
    </div>
</div>

和我的 Controller

function MyCtrl($scope) {

  $scope.myvalue = false;

  $scope.showAlert = function(){
    $scope.myvalue = true;  
  };
}

谢谢!

Answer 1

只需从 CSS 中删除 display: none; 即可。 AngularJS 控制显示/隐藏该 div。

如果您想默认隐藏它，只需最初将 scope.myvalue 的值设置为 false - 您已经这样做了。