角（イオン）チェックボックスから真の値を表示

Question

私はionic + parse js sdkを使用しており、チェックボックスから真の値だけをレンダリングしたいと考えています。

<ion-item ng-class="" ng-repeat="object in lines" class="item-thumbnail-left item-icon-right item-text-wrap" href="#/moresurvey/{{object.id}}"> 

<a><h2>{{object.visafname}}</h2></a> 
<h2 >{{object.visalname}}</h2> 
<p>{{object.gender}}</p> 
    <i class="icon ion-chevron-right icon-accessory"></i> 

     <ion-option-button class="button" ng-click="deleteEvent(line)"> 
      Delete 
     </ion-option-button> 
     </ion-item> 

そして、私は以下のコードを使用して別のページに値をレンダリングしています：それは最初のページに次のようになります。

$scope.Diagnosed = [ 
    { text: "Allergies", checked: true}, 
    { text: "ADHD", checked: false}, 
    { text: "Alcohol/Drug Dependence", checked: false}, 
    { text: "Asthma", checked: false}, 
    { text: "Autism", checked: false}, 
    { text: "Cancer", checked: false}, 
    { text: "Diabetes", checked: false}, 
    { text: "Eating Disorder", checked: false}, 
    { text: "Fertility Problems", checked: false}, 
    { text: "Heart Disease", checked: false}, 
    { text: "High Cholesterol", checked: false}, 
    { text: "Menopause", checked: false}, 
    { text: "Mood Disorders (e.g., anxiety, depression)", checked: false}, 
    { text: "Obesity", checked: false}, 
    { text: "Stroke", checked: false}, 
    { text: "Prefer not to answer", checked: false} 

    ]; 

：

以下

はスコープです

query.get(id,{ 
success: function(response){ 

    var currentStart = 1 
    for (var i = currentStart; i < response.length; i++) { 
    var object = response[i]; 
      } 

$scope.Details = { 
    diagnosed: response.get('diagnosed'), 

    }; 
}, 
error: function(error){ 
    alert("Error: " + error.code + " " + error.message); 
} 
    }); 
}; 

私のHTMLは次のようになります：

そのページで

</ion-item class="more-list"> 
    <ion-item class="item more-item"> 
    <i class="icon-left ion-cash more-icon"></i> 
    <p class="moredetails location"> {{Details.diagnosed}}</p> 
    </ion-item> 
    </ion-item> 
</ion-list> 

、データは次のようにレンダリングされます：

[{"checked":true,"text":"Allergies"},{"checked":false,"text":"ADHD"},{"checked":false,"text":"Alcohol/Drug Dependence"},{"checked":false,"text":"Asthma"},{"checked":false,"text":"Autism"},{"checked":false,"text":"Cancer"},{"checked":false,"text":"Diabetes"},{"checked":false,"text":"Eating Disorder"},{"checked":false,"text":"Fertility Problems"},{"checked":false,"text":"Heart Disease"},{"checked":false,"text":"High Cholesterol"},{"checked":false,"text":"Menopause"},{"checked":false,"text":"Mood Disorders (e.g., anxiety, depression)"},{"checked":false,"text":"Obesity"},{"checked":false,"text":"Stroke"},{"checked":false,"text":"Prefer not to answer"}] 

しかし、どのように、私は唯一の真としてチェックされている値を表示していますか？

だけのための条件をチェックしてHTMLに...事前に

Answer 1

こんにちは、ありがとうございNG-場合、それが表示されます唯一の真ので、もし= "item.checked"

HTML

<ion-item ng-repeat="item in items" item="item" class="item-remove-animate"> 
<div class="p10" ng-if="item.checked"> 
    <ion-checkbox ng-model="item.checked"></ion-checkbox> 
    <i class="icon-left ion-cash more-icon"></i> 
    <p class="moredetails location"> {{item.text}}</p> 
</div>