数据显示:
const url = 'url地址';
this.http.get(url).subscribe(
res => {
if (res.json().code === '0000') {
this.lesson = res.json().data; //赋值给lesson;通过数据绑定显示在HTML页面
}
}
);
数据绑定:双向绑定
{{item.questionContent}}
[]单向绑定
*ngFor循环数组
*ngFor='let item of lesson'
事件
(click)="SavaExamId()"点击事件
(updateAnswer)=“changeAnswerSheet($event)”
路由跳转:(两种方式)
this.router.navigate(['tabs/home/student-main/exam-mode/question'], {
// queryParams: {
// courseId: 1071025936788471810,
// questionTypeId: 1072112901400514563
// }
});
this.router.navigateByUrl('question1');
轮播图实现卡片切换:
<ion-card class="cardexam" lines="none">
<ion-slides style=" height: 80%; width: 90% ">
<ion-slide *ngFor='let item of exampaper,let i=index'>
</ion-slide>
</ion-slides>
</ion-card>
内容居左:(通过style样式调整)(合理运用空格
和换行</br>
也会非常方便界面调整)
<div style="float:left">
</div>
内循环显示数据ABCD;
{{alphabet[j]+’. '}}
通过id和name唯一标识单选按钮;
<input type="radio" name="{{item.questionId}}" id="{{item.questionId}}">
获得div元素属性:
<div id="sidebar_left">
const oDiv = document.getElementById('sidebar_left');
通过元素hidden属性来控制div显示和隐藏;
界面拼接:合理运用div实现;
基础运用好了,就会非常厉害了。