[angularjs]简单 ng-click 不工作

发布时间: 2017/4/16 0:51:53
注意事项: 本文中文内容可能为机器翻译,如要查看英文原文请点击上面连接.

我有一个按钮,触发第二个 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;
};

附言我跟着从http://www.w3schools.com/angular/tryit.asp?filename=try_ng_events的示例

解决方法 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>
赞助商