javascript - 简单的 ng-click 不起作用

Question

我在第一个 div 中有一个按钮，如果单击它会触发第二个 div 显示。它简单直接。但第二个div不显示。

HTML

<div class="alert alert-danger">
    Blah
    <button ng-click = "toggleDetail()" class = "btn btn-default"> <span class = "glyphicon glyphicon-zoom-in"></span> </button>
</div>

<div class="alert alert-warning" ng-show = "showDetail">
    clicked button
</div>

Controller

$scope.showDetail = false;

$scope.toggleDetail = function() {
    $scope.showDetail = !$scope.showDetail;
};

PS。我按照 http://www.w3schools.com/angular/tryit.asp?filename=try_ng_events 中的示例进行操作

Answer 1

在你的例子中一切似乎都很好。如果你只是做这么简单的事情，你不必使用 Controller 功能，你可以在 html 中完成所有事情

<div ng-init="showDetail=false" class="alert alert-danger">
    Blah
    <button ng-click = "showDetail = !showDetail" class = "btn btn-default"> <span class = "glyphicon glyphicon-zoom-in"></span> </button>
</div>
<div class="alert alert-warning"  ng-show = "showDetail">
    clicked button
</div>