Question

我正在尝试使用ng-hide和ng-show在angularjs中编写解决方案。在单击ng-hide时，它会在隐藏之前延迟以显示视图面板。请问有什么不对。这是我制作的一个傻瓜。

http://plnkr.co/edit/IiSwQ1cijiypdwIXV6K7?p=preview

这是代码视图：

<div ng-app="myApp">
  <h1>Ng-show & ng-hide</h1>
  <p class="description">Click on the "show"-link to see the content.</p>
  <a href="" ng-click="showme=true">Show</a>
  <button ng-click="showme=false">Hide</button> 

  <div class="wrapper">
    <p ng-hide="showme">It will appear here!</p>
    <h2 ng-show="showme">This is mah content, yo!</h2>
  </div>

</div>

Answer 1

这是因为你已经添加了动画效果，在隐藏transition标记的同时延迟了2 h2。减少这种转变将提高其速度。为了在隐藏元素时消除延迟，您应该删除transition css属性的 CSS

h2 { color: #2980b9; margin-bottom: 9px; margin-top: 0; font-size: 20px; background-color: white; /*width: 100px;*/ text-align: center; padding: 16px; z-index: 15; border-radius: 4px; /*transition: all 0.1s ease-out;*/ //<-- reduced it to 0.1 sec will }

Plunkr Here

ng-hide无法正常工作

1 个答案: