2017-07-31 6 views
2

ng-repeatを使用してオブジェクト内の特定のプロパティを配列内に表示する方法を教えてください。ng-repeatを使用して配列内のオブジェクトから特定のプロパティを表示するには

[ 
    { 
     "TypeId": 3, 
     "Type": "Listings", 
     "emails": [ 
      "[email protected]", 
      "[email protected]", 
      "[email protected]" 
     ] 
    } 
] 

コントローラー:

myService.getEmails().then(function (emails) { 
    if (emails && emails.length) { 
     $scope.emailsList = emails 
    } 
}) 

HTML:

<tr ng-repeat="item in emailsList['emails'] track by $index"> 
    <td> 
     <div class="rounded-checkbox"> 
      <input class="form-check-input" type="checkbox"> 
      <span></span> 
     </div> 
    </td> 
    <td class="col-xs-12">{{ item }}</td> 
    <td>-</td> 
</tr> 

答えて

0

$scope.emailsListは、電子メールの配列であると仮定すると、あなたの変更の電子メールフィールドは、私が

JSONを表示したいものですこのようなHTML

<tr ng-repeat="item in emailsList[0].emails track by $index"> 
    <td> 
     <div class="rounded-checkbox"> 
      <input class="form-check-input" type="checkbox"> 
      <span></span> 
     </div> 
    </td> 
    <td class="col-xs-12">{{ item }}</td> 
    <td>-</td> 
</tr> 
+0

番号を動作します。 {"TypeId":3、 "Type": "Listings"、 "emails":["[email protected]"、 "[email protected]"、 "[email protected]" ]} –

+0

$ scope.emailsListには何が入っていますか? – Vivz

+0

$ scope.emailsList = [{ "型ID":3、 "タイプ": "掲載"、 "電子メール":[ "[email protected] COM"、 「someemail3 @エクサmple.com "、 " someemail [email protected] " ] }] –

0

これは、私は電子メールのみを表示したい

<tr ng-repeat="item in emailsList track by $index"> 
    <td> 
     <div class="rounded-checkbox"> 
      <input class="form-check-input" type="checkbox"> 
      <span></span> 
     </div> 
    </td> 
    <td class="col-xs-12">{{ item.emails[$index] }}</td> 
    <td>-</td> 
</tr> 
+1

すべての電子メールは印刷されていますか?あなたの$ scope.emailsList = [{"TypeId":3、 "Type": "Listings"、 "emails":["[email protected] com"、 "someemail3 @ exa mple.com" 、 "someemail [email protected]"]}] – Vivz

+0

@Vivzはい!それらのすべてが印刷されています。あなたの方法:https://stackoverflow.com/a/45416174/8349557も同じです。 –

関連する問題