隨堂小練小功能小結

數據顯示：

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實現；
基礎運用好了，就會非常厲害了。