Javascript AngularJS在列表中重复数据

可能有一个简单的解决方案：

我在一个控制器中有一些数据，这取决于项目是否被选中，它应该显示一些html，如果它没有被选中，它应该显示一些其他html

如果选择了项目，则html应为：

<li>
    <a href="#"><span class="fa fa-check" aria-hidden="true"></span>
    <span class="sr-only">Selected:</span>Worldwide</a>
</li>

<li>
    <a href="/example/link">Link</a>
</li>

如果未选择项目，则html应为：

<li>
    <a href="#"><span class="fa fa-check" aria-hidden="true"></span>
    <span class="sr-only">Selected:</span>Worldwide</a>
</li>

<li>
    <a href="/example/link">Link</a>
</li>

如果我只需要更改class属性，这将很容易解决，然后我可以像

但是如果选择了，我还需要添加

aria hidden=“true”

，如果未选择，则将其删除

<li ng-repeat="number in numbers">
    <input type="checkbox" ng-model="IsSelected">
    <a href="#" ng-if="!IsSelected"><span class="fa fa-check" aria-hidden="true"></span>
      <span class="sr-only">Selected:</span>Worldwide {{number}}
    </a>
    <a ng-if="IsSelected" href="/example/link">Link</a>
</li>

添加一个示例，我将根据您的数据给您一个答案。您可以使用ng，如果您想从代码中多写几行的话？这样我们才能清楚地理解你的问题。