Javascript 角度重复。创建仅服务处于活动状态的新列表项

我正在为我的Ionic应用程序构建一个购物车，除了运行的分项总数之外，我已经计算出了大部分。我将我的数组项目默认设置为active:false，单击后它们将变为active:true，并且它们的价格值将添加到运行总数中。但是，我也希望有一个产品名称的详细列表。我添加了一个新功能，它将保存活动服务及其价格值。。当我尝试使用ng repeat将每个项目放在自己的行中时，问题就出现了。。下面是相应的代码片段。我知道我缺少一些基本的东西，所以请看一看。。谢谢

<ion-view view-title="Shop" ng-controller="OrderFormController">
<ion-content>

    <div class="card">
        <ion-item ng-repeat="service in services">
            {{totalDetail()}}
        </ion-item>
    </div>

    <div class="card">
        <ion-item ng-repeat="service in services">
            {{service.name}}
                <button class="button button-outline button-small button-stable" ng-click="toggleActive(service)" ng-class="{active:service.active}">
                    {{service.price | currency}}
                </button>
        </ion-item>
    </div>

    <div class="card">
        <ion-item>
            <!-- Calculate the total price of all chosen services. Format it as currency. -->
            Total: {{total() | currency}}
        </ion-item>
    </div>

</ion-content>

---

}))

我想出来了。。不确定这是不是最好的方法，但它是有效的

ng-repeat="service in services | filter:true"

希望这能帮助其他人

ng-repeat="service in services | filter:true"