2017-02-10 7 views
0

私は、JSONに続いていますトリガー値の変更

{ 
    "FunctionIs": [{ 
     "id": 1, 
     "name": "Test", 
     "Type": "A" 
    }, { 
     "id": 2, 
     "name": "Test2", 
     "Type": "A" 
    },{ 
     "id": 3, 
     "name": "Test3", 
     "Type": "A" 
    },{ 
     "id": 4, 
     "name": "Test4", 
     "Type": "A" 
    },{ 
     "id": 5, 
     "name": "Test5", 
     "Type": "B" 
    },{ 
     "id": 6, 
     "name": "Test6", 
     "Type": "B" 
    },{ 
     "id": 7, 
     "name": "Test7", 
     "Type": "C" 
    },{ 
     "id": 8, 
     "name": "Test8", 
     "Type": "C" 
    },] 
} 

私はHTMLでNGリピートを介してこれらの値を移入しています:

<tr ng-repeat="businessdata in userObj.businessJson"> 
    <td id="idIs">{{businessdata.id}}</td> 
    <td>{{businessdata.name}}</td> 
</tr> 

タイプ」に変更があるたびに"(AからB、BからC、CからDなど)、最初に見出し(タイプ)を表示するために新しい<tr>を挿入したいと思います。誰もこれで助けることができますか? ありがとう!

+0

しようとしたワーキング何ですか? –

+0

タイプを変更する場所は? –

+0

タイプがJSONから来ているので、タイプ変更が発生したときに条件をトリガーする必要があります。 – WomenWhoCode

答えて

1

あなたは、異なるタイプのために3種類のng-repeatそれぞれを作成作成することができます。

ここで

<tr><th>A</th></tr> 
     <tr ng-repeat="item in data | filter: {Type:'A'}"> 
      <td>{{item.name}}</td> 
      <td>{{item.id}}</td> 
     </tr> 
     <tr><th>B</th></tr> 
     <tr ng-repeat="item in data | filter: {Type:'B'}"> 
      <td>{{item.name}}</td> 
      <td>{{item.id}}</td> 
     </tr> 
     <tr><th>C</th></tr> 
     <tr ng-repeat="item in data | filter: {Type:'C'}"> 
      <td>{{item.name}}</td> 
      <td>{{item.id}}</td> 
     </tr> 

は、あなたがこのためにplunker

+0

ありがとう!しかし、これは単なる例に過ぎないので、私のコードを何度も繰り返しておきたいとは思いません。私の実際のコードは8-10種類あり、Genericにしたいのです。 JSONの変更をターゲットにする条件を置くことができる他のソリューションはありますか? – WomenWhoCode

関連する問題