簡單的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>

控制者

$scope.showDetail = false;

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

PS。 我遵循了來自http://www.w3schools.com/angular/tryit.asp?filename=try_ng_events的示例

Answer 1

在您的示例中，一切似乎都還可以。 如果您只是做這些簡單的事情而不必使用控制器功能，則可以使用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>