Kalpesh300

<app-custom-dropdown [formControl]="dropdownControl"></app-custom-dropdown>

Kalpesh300

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

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

Kalpesh300

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

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

Kalpesh300

export enum Status {
  Todo = 'todo',
  InProgess = 'in-progess',
  Done = 'done'
}

Kalpesh300

import * as routeConstants from 'route.constants.ts';

const routes: Routes = [
  {
    path: routeConstants.LOGIN_URL,
    component: LoginComponent,
  },
  {
    path: routeConstants.REGISTER_URL,
    component: RegisterComponent,

Kalpesh300

// URLS

export const LOGIN_URL = 'login';
export const REGISTER_URL = 'register';
export const FORGOT_PASSWORD = 'forgot-password';

Kalpesh300

import { Component, OnInit, Input } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { FormControl } from '@angular/forms';

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

Kalpesh300

import { Component, OnInit, Input } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { FormControl } from '@angular/forms';

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

Kalpesh300

import { Component, OnInit, forwardRef } from '@angular/core';
import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';

@Component({
   selector: 'app-custom-dropdown',
   templateUrl: './custom-dropdown.component.html',
   styleUrls: ['./custom-dropdown.component.scss'],
   providers: [{
      provide: NG_VALUE_ACCESSOR,
      useExisting: forwardRef(() => CustomDropdownComponent),

Kalpesh300

export class CustomDropdownComponent implements OnInit,
  ControlValueAccessor {
   
  options: string[];
  selectedOption: string;

  onChange: (_: any) => {};

  constructor() { }