角js .如何根据条件编写ng重复代码

Question

我正在开发酒店POS系统的项目。我接受顾客的订单。该系统中有两种类型的订单：

1. 拿走命令。
2. 送货单。

在 orders 表中，我存储所有订单。我在allCurrentTakeAwayOrder中获取外卖订单，在allcurrentHMOrder中获取家庭送货订单，我想在不同的部分显示外卖订单和家庭送货订单。

我想给出一个条件，如果标题是allCurrentTakeAwayOrder，取走，那么ng重复应该从获取值，如果它的Home传递，那么从获取值如下：

<tr ng-repeat='orders in allCurrentTakeAwayOrder if heading=Take Away or
   orders in allcurrentHMOrder if heading=Home Delivery' >
</tr>

Answer 1

如果您真的想在ng-重复中使用一个条件，我建议使用三元操作符，如下所示：

<input type="checkbox" name="condition" ng-model="condition" />
<ul ng-init="numbers=[1,2,3];letters=['a','b','c'];">
  <li ng-repeat="i in (condition ? numbers : letters)">
    {{i}}
  </li>
</ul>

Answer 2

使其工作的最自然的方法是将allCurrentTakeAwayOrder和allcurrentHMOrder的单个集合构造为orders，并确保它的项包含属性类型(外接/传递)。在这种情况下，您将能够像这样更改代码：

ng-repeat="order in orders | filter:{type:heading}" 

Answer 3

我使用了ng-如果里面的ng-重复

<tr ng-repeat='orders in allCurrentTakeAwayOrder | filter:{type:heading}' >
    <label ng-if="orders.heading == 'Take Away' || orders.heading == 'Home Delivery'">

    </label>
 </tr>

我想这可能对你有帮助。