title: Can't bind to 'value' since it isn't a known property of 'ngx-select-dropdown'
body: <p>I am working with angular 4 application in that I want to implement dropdown feature for that I have added <code>ngx-select-dropdown</code>plugin but strange thing is that it is working in angular6 application but not in angular4 application. After adding <code>ngx-select-dropdown</code> package in angular4 application. When I run application I dig into below error.</p>
  
  <pre><code>Can't bind to 'value' since it isn't a known property of 'ngx-select-dropdown'.
  1. If 'ngx-select-dropdown' is an Angular component and it has 'value' input, then verify that it is part of this module.
  2. If 'ngx-select-dropdown' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
  3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("ton&gt;Categories&lt;/button&gt;--&gt;
              &lt;!--[multiple]="false"--&gt;
              &lt;ngx-select-dropdown [ERROR -&gt;][(value)]="singleSelect" [config]="config" [options]="options"&gt;&lt;/ngx-select-dropdown&gt;
  
              "): ng:///NewsModule/DesktopEventsComponent.html@42:33
  </code></pre>
  
  <p>After getting above error I have tried another plugin <code>ng4-select2</code> but I got similar kind of error.</p>
  
  <p>According to me I am facing above error due to attributes. I need help to get rid of this error.</p>
  
  <p><strong>app.module.ts</strong></p>
  
  <pre><code>import { NgModule, Inject, NO_ERRORS_SCHEMA, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
  import { RouterModule } from '@angular/router';
  import { CommonModule, APP_BASE_HREF } from '@angular/common';
  import { HttpModule, Http } from '@angular/http';
  import { FormsModule } from '@angular/forms';
  
  import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
  import { LocalStorageModule, LocalStorageService, ILocalStorageServiceConfig } from "angular-2-local-storage";
  // i18n support
  //import { TranslateModule, TranslateLoader } from '@ngx-translate/core';
  //import { TranslateHttpLoader } from '@ngx-translate/http-loader';
  
  import { CityeoCommonModule } from './cityeo-common/cityeo-common.module';
  
  import { AppComponent } from './app.component';
  import { AppRoutingModule } from './app-routing.module';
  import { AccountService } from "./cityeo-common/account.service";
  import { PortalService } from "./cityeo-common/portal.service";
  import { Configuration } from './app.constants';
  
  // Calendar module
  //import { CalendarComponent } from './calendar/calendar.component';
  //import { EventsComponent } from './calendar/events/events.component';
  //import { EventPopupComponent } from './calendar/event-popup/event-popup.component';
  //import { ScrollWatcherDirective } from './calendar/scroll-watcher.directive';
  //import { EventThumbnailComponent } from './calendar/event-thumbnail/event-thumbnail.component';
  import { EventsService } from "./cityeo-common/events.service";
  //
  import { TransferHttp } from '../modules/transfer-http/transfer-http';
  
  // Account module
  //import { AccountComponent } from './account/account.component';
  //import { AuthFormsContainerComponent } from './account/auth-forms-container/auth-forms-container.component';
  //import { ForgotPasswordComponent } from './account/forgot-password/forgot-password.component';
  //import { SignInComponent } from './account/sign-in/sign-in.component';
  //import { SignUpComponent } from './account/sign-up/sign-up.component';
  //import { SupportComponent } from './account/support/support.component';
  //import { SupportService } from "./account/support.service";
  //import { UtilService } from "./cityeo-common/util.service";
  //
  
  //Admin module
  //import { AdminComponent } from './admin/admin.component';
  //import { EventComponent } from './admin/event/event.component';
  //import { CategoryComponent } from './admin/category/category.component';
  //import { CityStateComponent } from './admin/city-state/city-state.component';
  //import { CreditLinksComponent } from './admin/credit-links/credit-links.component';
  //import { LocationComponent } from './admin/location/location.component';
  //import { PhotoComponent } from './admin/photo/photo.component';
  //import { PublishComponent } from './admin/publish/publish.component';
  
  import { VideoEmbedderService } from "./cityeo-common/video-embedder.service";
  import { SanitizerService } from "./cityeo-common/sanitizer.service";
  import { LocationService } from "./cityeo-common/location.service";
  import { TimeFormatterService } from "./cityeo-common/time-formatter.service";
  import { CategoryService } from "./admin/category.service";
  import { EventService } from "./admin/event.service";
  //
  
  import { LinkService } from './link.service';
  
  
  //import { ConnectionResolver } from './shared/route.resolver';
  //import { ORIGIN_URL } from './shared/constants/baseurl.constants';
  import { TransferHttpModule } from '../modules/transfer-http/transfer-http.module';
  
  import { SelectDropDownModule } from 'ngx-select-dropdown'
  
  //export function createTranslateLoader(http: Http, baseHref) {
  //    // Temporary Azure hack
  //    if (baseHref === null &amp;&amp; typeof window !== 'undefined') {
  //        baseHref = window.location.origin;
  //    }
  //    // i18n files are in `wwwroot/assets/`
  //    return new TranslateHttpLoader(http, `${baseHref}/assets/i18n/`, '.json');
  //}
  
  let localStorageServiceConfig: ILocalStorageServiceConfig = {
    prefix: "cityeo",
    storageType: "localStorage"
  };
  
  @NgModule({
    declarations: [
      AppComponent,
      //CalendarComponent, EventsComponent, EventPopupComponent, ScrollWatcherDirective, EventThumbnailComponent,
      //SupportComponent, AccountComponent, AuthFormsContainerComponent, ForgotPasswordComponent, SignInComponent, SignUpComponent,
      //        AdminComponent, EventComponent, CategoryComponent, CityStateComponent, CreditLinksComponent, LocationComponent, PhotoComponent, PublishComponent //admin module
  
      //NavMenuComponent,
      //CounterComponent,
      //UsersComponent,
      //UserDetailComponent,
      //HomeComponent,
      //ChatComponent,
      //NgxBootstrapComponent
    ],
    imports: [
      CommonModule,
      HttpModule,
      FormsModule,
      CityeoCommonModule,
      LocalStorageModule.withConfig(localStorageServiceConfig),
      NgbModule.forRoot(),
      //Ng2BootstrapModule.forRoot(), // You could also split this up if you don't want the Entire Module imported
      TransferHttpModule, // Our Http TransferData method
      AppRoutingModule,
      SelectDropDownModule,
    ],
    providers: [
      AccountService, LocalStorageService, Configuration, PortalService, LinkService,
      EventsService,
      //        EventsService, TimeFormatterService, LocationService,
      //        SupportService, UtilService, // account module
      EventService, LocationService, TimeFormatterService, CategoryService, //admin module
      TransferHttp,
      SanitizerService,
      VideoEmbedderService,
      //IsDesktopGuard,
      //UserService,
      //ConnectionResolver,
      //TranslateModule
    ],
    bootstrap: [AppComponent],
    schemas: [NO_ERRORS_SCHEMA, CUSTOM_ELEMENTS_SCHEMA]
  })
  export class AppModule {
  }
  </code></pre>