Angularjs过滤掉

我有“项目.调整”。调整值可以是正数或负数。根据值的符号，我必须在两个不同的列中显示“调整”：正列和负列

下面是我的场景的示例代码。有人能帮忙吗

    <tr>
       <td>Positive</td>
       <td>Negative</td>
    </tr>
     <tr>
       <td>{{item.adjustment}}</td>
       <td>{{item.adjustment}}</td>
     </tr>

肯定的
消极的
{{item.adjustment}}
{{item.adjustment}}

我可以这样做吗

      <td ng-if="item.adjustment >= 0"/>
      <td ng-if="item.adjustment < 0"/>

---

或者有更好的方法吗？

ng if

将根据您想要的条件显示/隐藏元素。但是，如果您想基于正值或负值显示不同的样式，那么最好使用

ng class

例如

---

如果我正确理解您想要做什么：

你的JS

    $scope.items = [{adjustment:1}, 
                {adjustment:0.3}, 
                {adjustment:-7},
                {adjustment:0},
                {adjustment:13},
                {adjustment:-4},
                {adjustment:-0.5}];

你的HTML

<tr>
   <td>Positive</td>
   <td>Negative</td>
</tr>
<tr ng-repeat="item in items">
   <td>{{item.adjustment >= 0 ? item.adjustment : ''}}</td>
   <td>{{item.adjustment < 0 ? item.adjustment : ''}}</td>
</tr>

肯定的
消极的
{{item.adjustment>=0？item.adjustment:''}
{{item.adjustment<0？item.adjustment:'}}

您必须在单独的列中显示它们，但仍然呈现这两个

s。您可以将它们包装在一个范围内，因为在

上设置

ng if

本身不会呈现

，这会导致负调整也出现在第一列中

<tr>
   <td>Positive</td>
   <td>Negative</td>
</tr>
 <tr>
   <td><span ng-if="item.adjustment >= 0">{{item.adjustment}}</span></td>
   <td><span ng-if="item.adjustment < 0">{{item.adjustment}}</span></td>
 </tr>

肯定的
消极的
{{item.adjustment}}
{{item.adjustment}}

假设您希望有条件地显示/隐藏td元素内的文本，则应在td内添加一个span，如果在该范围内，则使用ng。在您的方法中，对于表行中的任何给定项，只会显示一个tds

  <td><span ng-if="item.adjustment >= 0">item.adjustment</span></td>
  <td><span ng-if="item.adjustment < 0">item.adjustment</span></td>

item.adjustment
项目1.调整

---

查看plunker，它突出了您的方法的问题

Cool。谢谢。我玩正反两面的颜色。a有些人我不认为这回答了他的问题，他希望根据数字的正负，将文本放在左边

td

或右边。我回答了OP的问题，同时我还提供了一个建议，由OP决定是否接受。不客气；）我可以请您将问题标记为已回答，是否符合您的需要？您能否分享预期结果表结构？

<tr>
   <td>Positive</td>
   <td>Negative</td>
</tr>
 <tr>
   <td><span ng-if="item.adjustment >= 0">{{item.adjustment}}</span></td>
   <td><span ng-if="item.adjustment < 0">{{item.adjustment}}</span></td>
 </tr>

  <td><span ng-if="item.adjustment >= 0">item.adjustment</span></td>
  <td><span ng-if="item.adjustment < 0">item.adjustment</span></td>