Commit 548a555c authored by 智慧's avatar 智慧

feat:添加表单RadioButton

parent 6540ab3b
......@@ -2,33 +2,26 @@
<div style="padding: 10px;">
<div style="width: 300px;" align='center'>
<span>图1: </span>
<app-upload-image-with-preview
[picUrl]="item.pic_url"
(imageUploaded)="onImageUploadSuccess($event, 'pic_url')">
</app-upload-image-with-preview>
</div>
<div style="width: 300px; margin-top: 5px;" align='center'>
<span>图2: </span>
<app-upload-image-with-preview
[picUrl]="item.pic_url_2"
(imageUploaded)="onImageUploadSuccess($event, 'pic_url_2')">
</app-upload-image-with-preview>
</div>
<div style="width: 300px; margin-top: 15px;">
<span>文本: </span>
<input type="text" nz-input [(ngModel)]="item.text" (blur)="save()">
</div>
<div style="margin-top: 5px">
<span>音频: </span>
<app-audio-recorder
[audioUrl]="item.audio_url"
(audioUploaded)="onAudioUploadSuccess($event, 'audio_url')"
></app-audio-recorder>
<span>选择骨骼动画: </span>
<div style="padding: 10px;"></div>
<nz-radio-group [(ngModel)]="item.animationName" (ngModelChange)="changeRadio($event, item)">
<label nz-radio nzValue="Greetings">Greetings</label>
<label nz-radio nzValue="WarmUp">Warm Up</label>
<label nz-radio nzValue="Phonics">Phonics</label>
<label nz-radio nzValue="LettersInLife">Letters in Life</label>
<label nz-radio nzValue="LetsBlend">Let's Blend</label>
<label nz-radio nzValue="ExerciseTime">Exercise Time</label>
<label nz-radio nzValue="TraceWithMe">Trace With me</label>
<label nz-radio nzValue="LookAndSay">Look and Say</label>
<label nz-radio nzValue="LetsReview">Let's Review</label>
<label nz-radio nzValue="SightWords">Sight Words</label>
<label nz-radio nzValue="StoryTime">Story Time</label>
<label nz-radio nzValue="Topic">Topic</label>
<label nz-radio nzValue="ReadClosely">Read Closely</label>
</nz-radio-group>
</div>
</div>
......
......@@ -10,9 +10,10 @@ import { JsonPipe } from '@angular/common';
export class FormComponent implements OnInit, OnChanges, OnDestroy {
// 储存数据用
saveKey = "test_001";
saveKey = "et_01";
// 储存对象
item;
animationName = 'Greetings';
constructor(private appRef: ApplicationRef, private changeDetectorRef: ChangeDetectorRef) {
......@@ -92,6 +93,12 @@ export class FormComponent implements OnInit, OnChanges, OnDestroy {
this.save();
}
changeRadio(e, item) {
console.log("e:" + e);
this.item.animationName = e;
this.save();
}
/**
* 储存数据
*/
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment