Don't Panic Labs dontpaniclabsgists

dontpaniclabsgists / gist:8bfd2be7e8ff0333648379b98e6917b3

Created November 10, 2020 16:32

css_refactoring_1

dontpaniclabsgists / angular_form_arrays_1.cs

Last active November 12, 2021 13:29

	import { Component, OnInit } from '@angular/core';

	@Component({
	selector: 'app-company-view',
	templateUrl: './company-view.component.html',
	styleUrls: ['./company-view.component.scss']
	})
	export class CompanyViewComponent implements OnInit {
	constructor(){}

dontpaniclabsgists / angular_form_arrays_2.cs

Created November 12, 2021 13:32

import { FormsModule, ReactiveFormsModule } from '@angular/forms';

dontpaniclabsgists / angular_form_arrays_3.cs

Created November 12, 2021 14:15

constructor(private fb: FormBuilder) { }

dontpaniclabsgists / angular_form_arrays_4.cs

Created November 12, 2021 14:17

	companyForm = this.fb.group({
	companyName: new FormControl('', [Validators.required]),
	admins: this.fb.array({})
	})

dontpaniclabsgists / angular_form_arrays_5.cs

Created November 12, 2021 14:19

	get admins() {
	return this.companyForm.controls["admins"] as FormArray;
	}

dontpaniclabsgists / angular_form_arrays_6.cs

Created November 12, 2021 14:22

	import { Component, OnInit } from '@angular/core';
	import { FormArray, FormBuilder, FormControl, Validators } from '@angular/forms';

	@Component({
	selector: 'app-company-view',
	templateUrl: './company-view.component.html',
	styleUrls: ['./company-view.component.scss']
	})
	export class CompanyViewComponent implements OnInit {

dontpaniclabsgists / angular_form_arrays_6.html

Created November 12, 2021 14:25

	<div [formGroup]="companyForm">
	<div>
	<label for="companyName">Company Name</label>
	<input id="companyName" type="text" formControlName="companyName" />
	</div>
	</div>

dontpaniclabsgists / angular_form_arrays_7.cs

Created November 12, 2021 19:49

	<ng-container *ngFor="let adminForm of admins.controls; let index = index">
	<div>
	<input id="name" type="text" formControlName="name" />
	<input id="email" type="text" formControlName="email" />
	</div>
	</ng-container>

dontpaniclabsgists / angular_form_arrays_8.html

Created November 12, 2021 19:53