Javascript 如何使项目在默认情况下处于活动状态，并在单击Angular中的其他项目后删除？

我有这个：

  <a class="button" ng-click="$parent.Filter = ''" 
     ng-class="{ 'active': Filter === '' }"> Test link </a>

PS：我使用的类和过滤器必须保持不变。

<div ng-init="active = 1">
<a ng-click="active = 1" ng-class="{'active': active === 1}">1</a>
<a ng-click="active = 2" ng-class="{'active': active === 2}">2</a>
<a ng-click="active = 3" ng-class="{'active': active === 3}">3</a>
</div>


你能为你的问题创建一个plunker吗？是的，你：你能为你的问题创建一个plunker吗？是的，你：没有更好的方法吗？你可以将逻辑移到控制器上，使其更具动态性，但最终这是一件非常小的事情，你想要解决的问题，就是你忽略了我自己的过滤器和类。我把它们放在那里是有原因的。。。我可以合并它们吗？如果是，怎么做？如果不是，那么这不是一个答案…@Siyah，由你来调整代码，不适合我抱歉，这个例子非常有效。当然，你可以添加过滤器和更多的东西，难道没有更好的方法吗？你可以将逻辑移到控制器上，使其更具动态性，但最终这是一件非常小的事情，你想要容纳它。你的解决方案的问题是，你忽略了我自己的过滤器和类。我把它们放在那里是有原因的。。。我可以合并它们吗？如果是，怎么做？如果不是，那么这不是一个答案…@Siyah，由你来调整代码，不适合我抱歉，这个例子非常有效。当然，您可以添加过滤器等
<div ng-init="active = 1">
<a ng-click="active = 1" ng-class="{'active': active === 1}">1</a>
<a ng-click="active = 2" ng-class="{'active': active === 2}">2</a>
<a ng-click="active = 3" ng-class="{'active': active === 3}">3</a>
</div>