使用AngularJS文本淡出效果

Question

我找到了一个很好的教程，用于“淡出” - 效果/“阅读更多”按钮，它运行得很好。 不幸的是我正在使用AngularJS生成几个容器。如下所示：

<article class='result' ng-repeat='result in results track by $id(result)'>
        <div class="container">
                <h2>{{result.bug_id}} - {{result.short_desc}</h2>              
                <p>{{result.message}}</p>
                <p class="read-more"><a href="#" class="button">Show More</a></p>
        </div>
</article>

我需要在代码中更改哪些内容才能在每个容器上实现淡出效果？