added radio

src/app/packages/sensor/component/setting/setting.component.html

@@ -17,7 +17,12 @@
         <mat-card-subtitle>Select Crawler</mat-card-subtitle>
       </mat-card-header>
       <mat-card-content>
-        여기에 Crawler 출력
+        <mat-radio-group class="example-radio-group" >
+          <mat-radio-button class="example-radio-button" *ngFor="let season of seasons" [value]="season">
+            {{season}}
+          </mat-radio-button>
+        </mat-radio-group>
+        <div class="example-selected-value">Your favorite season is: {{favoriteSeason}}</div>
       </mat-card-content>
     </mat-card>
 

src/app/packages/sensor/component/setting/setting.component.scss

@@ -6,3 +6,16 @@
   background-image: url('https://material.angular.io/assets/img/examples/shiba1.jpg');
   background-size: cover;
 }
+
+.example-radio-group {
+  display: inline-flex;
+  flex-direction: column;
+}
+
+.example-radio-button {
+  margin: 5px;
+}
+
+.example-selected-value {
+  margin: 15px 0;
+}

src/app/packages/sensor/component/setting/setting.component.ts

@@ -9,6 +9,15 @@ export class SettingComponent implements OnInit {
 
   constructor() { }
 
+  favoriteSeason: string;
+
+  seasons = [
+    'Winter',
+    'Spring',
+    'Summer',
+    'Autumn',
+  ];
+
   ngOnInit() {
   }