[英]Angular (ionic) render true values from checkbox
I am using ionic + parse js sdk and would like to render only the true values from a checkbox. 我正在使用ionic + parse js sdk,并且只想从复选框中呈现真值。
Below is the scope: 以下是范围:
$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}
];
it looks like the following on the first page: 它看起来像第一页上的以下内容:
<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>
And I am rendering the values on a different page using the below code: 我使用以下代码在不同的页面上呈现值:
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);
}
});
};
And my html looks like the following: 我的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>
On that page, the data is rendered like this: 在该页面上,数据呈现如下:
[{"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"}]
But how do I only display the values that have been checked as true? 但是,我如何仅显示已检查为真的值?
Thank you in advance.. 先感谢您..
Hi in your HTMl just check the condition for ng-if="item.checked" so if true only it will display 嗨,在您的HTMl中只需检查ng-if =“item.checked”的条件,如果为true,则仅显示
HTML 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>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.