Question

嗨我有一个警告div如下，

<div style="width: 12%;" ng-if="final_data.status =='confirmed'" class="alert alert-success" role="alert" align="left" ng-cloak>
        <span class="glyphicon glyphicon-ok"></span>&nbsp;&nbsp;confirmed</div>

状态确认后，将弹出div。如何在显示div后自动隐藏div？任何想法的人？

Answer 1

您可以使用javascript将其删除：

Path path = Paths.get("");
System.out.println("REL PATH" + path.toAbsolutePath().toString());

Answer 2

试试这个：

更改

ng-if

到

ng-hide

然后在javascript viewmodel / controller上使用超时：

setTimeout(function{
    final_data.status = 'confirmed' ;
}, 1000);

这是关于HTML：

<div style="width: 12%;" ng-hide="final_data.status=='confirmed'" class="alert alert-success" role="alert" align="left" ng-cloak> <span class="glyphicon glyphicon-ok"></span>&nbsp;&nbsp;confirmed</div>

很高兴为您提供帮助

Answer 3

当状态变为“已确认”并执行某些操作时，您可以观看。

<div style="width: 12%;" ng-show="canShow" ng-if="final_data.status =='confirmed'" class="alert alert-success" role="alert" align="left" ng-cloak>
    <span class="glyphicon glyphicon-ok"></span>&nbsp;&nbsp;confirmed</div>


$scope.canShow = true;
$scope.$watch('final_data.status', function (newValue, oldValue)) {
    if(newValue === 'confirmed') {
        $timeout(function() {
            $scope.canShow = false;
        }, 1000);
    }
});

显示后如何消除警报div

3 个答案: