Question

我正在尝试制作API阅读器，但我无法操纵数据。

例如：

原始数据是：“radiant_win”：true，我想让它检查是否为true，它会使“Radiant wins”，但如果它为false，它将在我的index.html上进行“Dire wins”。

最重要的是，我还要操纵匹配[“duration”]以XX：XX格式分割。

<ul class="list">
<li class="item" ng-repeat="match in matches">
    MatchID: {{ match["match_id"] }} 
    Who won: {{ match["radiant_win"]}}
    Time: {{ match["duration"] }}
    Game Mode: {{ match["game_mode"] }}
</li>

所以它会像：

谁赢了：Radiant，时间：26：25

提前谢谢。

Answer 1

要显示不同的内容，您需要ng-show / ng-hide或ng-if

<li class="item" ng-repeat="match in matches">
    MatchID: {{ match["match_id"] }} 
    Who won: <span ng-show="match.radiant_win">Radiant wins</span>
        <span ng-show="!match.radiant_win">Dire wins</span>
    Time: {{ match["duration"] }}
    Game Mode: {{ match["game_mode"] }}
</li>

（或者您可以使用ng-switch）

<强>更新

时间格式需要一些功能（在您的控制器中），如下所示：

$scope.format = function(time) {
  time = ""+time; // casting a string 
  let three = time.length == 3;
  let minutes = three ? time.substring(0,1) : time.substring(0,2);
  let seconds = three ? time.substring(1) : time.substring(2);
  return ""+minutes+":"+seconds;
};

仅限HTML更改：Time: {{ format(match["duration"]) }}

AngularJS操纵数据

1 个答案: