2017-11-21 13 views
0

APIリーダーを作成しようとしていますが、データの操作に問題があります。例えばAngularJSのデータ操作

:「radiant_win」:このため

生データは真、そして私がtrueの場合、それはチェックしたい、それが「ラディアン勝利」を行いますが、その偽の場合、それは「ダイアーようになります私のindex.htmlに勝つ "。

さらに、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> 

だから、のようになる:放射、時間:優勝

26:25

は、事前にありがとうございます。

+0

質問を詳しく教えてください。 –

答えて

0

異なるコンテンツを表示するには、あなたが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を使用することができます)が必要です

UPDATE:

時刻の形式は(でいくつかの機能が必要になりますあなたのコントローラー):

$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"]) }}

+0

{"match_id":3573601133、 "player_slot":3、 "radiant_win":true、 "duration":2500、 "game_mode":22、 "lobby_type":7}期間中、私は2つの"25:00" – redhama

+0

大変ありがたいです – redhama

+0

@redhamaは更新版をチェックします –