angularjs closeable div单击后不会关闭

我正在关注blur admin UI以单击按钮后显示警报。但是，当我点击关闭按钮时，关闭的警报消息不会关闭。angularjs closeable div单击后不会关闭

我希望能够关闭警报消息并转向s cope.added = false。请帮忙吗？

这里是我的代码看起来是这样的：

<div ng-show="added" class="alert bg-success closeable" role="alert"> 
     <button type="button" class="close" aria-label="Close"><span 
       aria-hidden="true">&times;</span></button> 
     <strong>Added</strong> Successfully! 
    </div> 
<div style="text-align: center"> 
     <button type="submit" ng-click="display()" 
       class="btn btn-danger">add 
     </button> 
    </div>

在JS：

在HTML

$scope.added = false; 
$scope.display= function() { 
$scope.added = true; 

}

感谢

来源

2017-01-24 RLe

您的第一个按钮需要有一个可以在布尔标志设置为false，这将导致隐藏整个DIV块点击功能。 –

添加ng-click您的X（关闭）按钮：

<button 
    type="button" 
    class="close" 
    aria-label="Close" 
    ng-click="close()"> 
    <span aria-hidden="true"> 
     &times; 
    </span> 
</button>

然后添加close()功能控制器：

$scope.close = function(){ 
    $scope.added = false; 
}

来源

2017-01-24 22:37:36

他是否也可以将内联标志更改为ng-click =“added =！added”或ng-click =“added = false”？或者，这个功能是获得国旗变化的必要组成部分吗？ – Chris

是的，这两个建议都很好。我总是喜欢在控制器中保留范围的任何变化（尽管很简单），只是因为它们都在同一个地方。严格地说，视图只应该负责在范围上显示值，它不应该改变任何东西。 –

angularjs closeable div单击后不会关闭

回答

相关问题