Javascript 角度(离子)从复选框渲染真值
我使用的是ionic+parse js sdk,只希望呈现复选框中的真实值 范围如下:Javascript 角度(离子)从复选框渲染真值,javascript,angularjs,parse-platform,ionic-framework,Javascript,Angularjs,Parse Platform,Ionic Framework,我使用的是ionic+parse js sdk,只希望呈现复选框中的真实值 范围如下: $scope.Diagnosed = [ { text: "Allergies", checked: true}, { text: "ADHD", checked: false}, { text: "Alcohol/Drug Dependence", checked: false}, { text: "Asthma", checked: false}, { text:
$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}
];
第一页上的内容如下所示:
<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>
但是,如何仅显示已检查为true的值
提前感谢您。您好,在您的HTMl中,只需检查ng if=“item.checked”的条件,如果为true,则只显示它 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>
{{item.text}
在HTMl中,只需检查ng if=“item.checked”的条件,如果为true,则只显示它 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>
{{item.text}
感谢您的回复。当数据呈现在不同的页面上时,您知道如何做到这一点吗?在“更多细节”页面上,我没有使用ng repeat来呈现结果。我已经更新了帖子,以反映我所说的内容。谢谢你的回复。当数据呈现在不同的页面上时,您知道如何做到这一点吗?在“moredetails”页面上,我没有使用ng repeat来呈现结果。我已经更新了帖子以反映我所说的内容
[{"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"}]
<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>