fix disabled select example

Author: xelaint

apps/design-land/src/app/app-routing.module.ts

@@ -18,7 +18,6 @@ export const appRoutes: Routes = [
   { path: 'checkbox', loadChildren: () => import('./checkbox/checkbox.module').then(m => m.DesignLandCheckboxModule) },
   { path: 'color', loadChildren: () => import('./foundations/color/color.module').then(m => m.DesignLandColorModule) },
   { path: 'container', loadChildren: () => import('./container/container.module').then(m => m.DesignLandContainerModule) },
-  { path: 'select', loadChildren: () => import('./select/select.module').then(m => m.DesignLandSelectModule) },
   { path: 'feature', loadChildren: () => import('./feature/feature.module').then(m => m.DesignLandFeatureModule) },
   { path: 'form', loadChildren: () => import('./form/form.module').then(m => m.DesignLandFormModule) },
   { path: 'hero', loadChildren: () => import('./hero/hero.module').then(m => m.DesignLandHeroModule) },
@@ -37,6 +36,7 @@ export const appRoutes: Routes = [
   { path: 'progress-indicator', loadChildren: () => import('./progress-indicator/progress-indicator.module').then(m => m.DesignLandProgressIndicatorModule) },
   { path: 'qty-dropdown', loadChildren: () => import('./qty-dropdown/qty-dropdown.module').then(m => m.DesignLandQtyDropdownModule) },
   { path: 'quantity-field', loadChildren: () => import('./quantity-field/quantity-field.module').then(m => m.DesignLandQuantityFieldModule) },
+  { path: 'select', loadChildren: () => import('./select/select.module').then(m => m.DesignLandSelectModule) },
   { path: 'sidebar', loadChildren: () => import('./sidebar/sidebar.module').then(m => m.DesignLandSidebarModule) },
   { path: 'radio', loadChildren: () => import('./radio/radio.module').then(m => m.DesignLandRadioModule) },
   { path: 'typography', loadChildren: () => import('./typography/typography.module').then(m => m.DesignLandTypographyModule) },

libs/design/select/examples/src/disabled-select/disabled-select.component.html

@@ -1,4 +1,4 @@
-<daff-select [options]="options" [formControl]="control" [disabled]="true">
+<daff-select [options]="options" [formControl]="disabled" [disabled]="true">
   <label daffFormLabel>Select an address</label>
   <ng-template daffSelectOption let-option="option"></ng-template>
 </daff-select>

libs/design/select/examples/src/disabled-select/disabled-select.component.ts

@@ -2,7 +2,7 @@ import {
   ChangeDetectionStrategy,
   Component,
 } from '@angular/core';
-import { FormControl } from '@angular/forms';
+import { UntypedFormControl } from '@angular/forms';
 
 import { SELECT_EXAMPLE_ADDRESSES } from '../models/addresses';
 
@@ -13,7 +13,7 @@ import { SELECT_EXAMPLE_ADDRESSES } from '../models/addresses';
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class DisabledSelectComponent {
-  control = new FormControl();
+  disabled = new UntypedFormControl({ value : '' , disabled: true });
 
   options = SELECT_EXAMPLE_ADDRESSES;
 }