我已经构建了一个显示某人引用的HTML页面。我想创建一个效果，其中作者名称首先淡出，然后在报价中淡出第二个。
我已达到目标，但我遇到了问题。每次我在quote元素上设置transition-delay时，author元素也会被延迟。这使得作者在T + 1中褪色，在T + 2s中引用。实际上，它不是T + 1和T + 2，而是更多。
以下是重现我的问题的代码：Plunker
当您点击＆＃34;切换显示＆＃34;按钮，然后出现报价。您可以注意到，文本在几秒钟后消失。但是，如果从CSS中删除.quote-text，您会发现文本几乎立即消失。
我的问题是，为什么在transition-delay课上设置.quote-text会影响在课程.quote-author上设置的转换？我该如何消除这种感情？
感谢您的时间
答案 0 :(得分：2)
好的，我不想回答这个问题，因为我对AngularJS的工作原理只有非常基本的想法。但我尝试了一些可能有所帮助的东西。缺点是我删除了ng-animate并添加了ng-class，这并不能满足你的问题。但我相信你可以某种方式用ng-animate替代它，再次，这只是为了帮助并且可能会给你一些想法。
选中此Plunker
我只在html中更改了css和这两行：
<h2 class="quote-author transition" ng-class="{'show-me': show}">Bill Nye</h2>
<span class="quote-text transition" ng-class="{'show-me': show}">“Everyone you ever meet knows something you don’t”</span>