Bläddra i källkod

Starting radio component

Richard Knight 6 år sedan
förälder
incheckning
8e2d6d8d22

+ 2 - 2
src/app/dynaform/components/_abstract/native-input/native-input.component.ts

@@ -1,10 +1,10 @@
 import { Input, OnInit } from '@angular/core';
 import { Input, OnInit } from '@angular/core';
+import { FormControl } from '@angular/forms';
 
 
-// @Component()
 export abstract class NativeInputComponent implements OnInit {
 export abstract class NativeInputComponent implements OnInit {
 
 
 	@Input()
 	@Input()
-	control;
+	control: FormControl;
 
 
 	@Input()
 	@Input()
 	meta;
 	meta;

+ 4 - 3
src/app/dynaform/components/native/radio/radio.component.html

@@ -1,3 +1,4 @@
-<p>
-  radio works!
-</p>
+<span *ngFor="let opt of options">
+	<input type="radio" [formControl]="control" [value]="opt.value" class="form-control form-control-sm">
+	{{ opt.label }}
+</span>

+ 7 - 9
src/app/dynaform/components/native/radio/radio.component.ts

@@ -1,15 +1,13 @@
-import { Component, OnInit } from '@angular/core';
+import { Component } from '@angular/core';
+import { NativeInputComponent } from '../../_abstract/native-input/native-input.component';
 
 
 @Component({
 @Component({
-  selector: 'app-radio',
-  templateUrl: './radio.component.html',
-  styleUrls: ['./radio.component.scss']
+	selector: 'app-radio',
+	templateUrl: './radio.component.html',
+	styleUrls: ['./radio.component.scss']
 })
 })
-export class RadioComponent implements OnInit {
+export class RadioComponent extends NativeInputComponent {
 
 
-  constructor() { }
-
-  ngOnInit() {
-  }
+	exposeMetaInTemplate: string[] = ['options'];
 
 
 }
 }