Question

我有一个div，最初是隐藏的。但是点击按钮我会使用角度ng-show指令显示它。显示2秒后我想隐藏它。如何使用angular或css任何人都可以。

HTML代码

       <div class="subcontent tinyUrlContainer">
          <span class="slabel col-md-2">WAP Link :</span>
          <div class="input-group col-md-6">
                <input type="text" ng-model="wapLink"  class="form-control">
                <span class="input-group-btn" my-Tooltip>
                    <button type="button" class="btn btn-default" clipboard supported="supported" text="wapLink" ng-click="clipboard=true" on-error="fail(err)"><img class="clippy" src="./images/surveys/tinyUrl.png" width="13" alt="Copy to clipboard" data-pin-nopin="true"></button>
                </span>
          </div>

       </div> 
       <span class="copied col-md-offset-6 col-lg-offset-5  col-md-1" ng-show="clipboard">Copied!</span>

单击按钮am将剪贴板设置为true并在.copied类元素中设置ng-show =“clipboard”am。

Answer 1

关于HTML

ng-show=someCondition()

在您的控制器上

var show = false;
function someCondition(){  
  return show;
}

function onClick(){
   show = true;
   $timeout(function(){ 
       show= false
   }, 2000);
}

Answer 2

$scope.theClickFunction(){
    $scope.theShowFlag = true;
    $timeout(function(){
        $scope.theShowFlag = false;
    }, 2000);
}

如何在angular或css中隐藏div之后？

2 个答案: