AngularJS监听ng-repeat渲染完成的方法

某个项目，我的网页中有一个列表<ul>元素，样式如下： 实际上它是通过Angular的ng-repeat形成的，html中的代码是： <li ng-repeat=for id={{>{{ list.name }}</li> 图中下方的新建清单button，点击之后就往lists数组中push了一个新的list对象，此时页面会自动渲染，也对应增加一个<li>，如下： 注意MyList1一直是active状态的(class=active)，我的需求是新增list后，把新增的list设置为active，即在新增后就变成下面这种样