diff --git a/nativescript-angular/value-accessors/checked-value-accessor.ts b/nativescript-angular/value-accessors/checked-value-accessor.ts
index 314f85571..b93fc9cc2 100644
--- a/nativescript-angular/value-accessors/checked-value-accessor.ts
+++ b/nativescript-angular/value-accessors/checked-value-accessor.ts
@@ -16,7 +16,7 @@ const CHECKED_VALUE_ACCESSOR = {provide: NG_VALUE_ACCESSOR, useExisting: forward
  *  ```
  */
 @Directive({
-    selector: 'Switch[ngModel]',
+    selector: 'Switch[ngModel], switch[ngModel]',
     host: { '(checkedChange)': 'onChange($event.value)' },
     providers: [CHECKED_VALUE_ACCESSOR]
 })
diff --git a/nativescript-angular/value-accessors/date-value-accessor.ts b/nativescript-angular/value-accessors/date-value-accessor.ts
index 7853102f5..f052db7fc 100644
--- a/nativescript-angular/value-accessors/date-value-accessor.ts
+++ b/nativescript-angular/value-accessors/date-value-accessor.ts
@@ -16,7 +16,7 @@ const DATE_VALUE_ACCESSOR = {provide: NG_VALUE_ACCESSOR, useExisting: forwardRef
  *  ```
  */
 @Directive({
-    selector: 'DatePicker[ngModel]',
+    selector: 'DatePicker[ngModel], datePicker[ngModel], date-picker[ngModel]',
     host: { '(dateChange)': 'onChange($event.value)' },
     providers: [DATE_VALUE_ACCESSOR]
 })
diff --git a/nativescript-angular/value-accessors/number-value-accessor.ts b/nativescript-angular/value-accessors/number-value-accessor.ts
index cb76c55ae..6b067d520 100644
--- a/nativescript-angular/value-accessors/number-value-accessor.ts
+++ b/nativescript-angular/value-accessors/number-value-accessor.ts
@@ -16,7 +16,7 @@ const NUMBER_VALUE_ACCESSOR = {provide: NG_VALUE_ACCESSOR, useExisting: forwardR
  *  ```
  */
 @Directive({
-    selector: 'Slider[ngModel]',
+    selector: 'Slider[ngModel], slider[ngModel]',
     host: { '(valueChange)': 'onChange($event.value)' },
     providers: [NUMBER_VALUE_ACCESSOR]
 })
diff --git a/nativescript-angular/value-accessors/selectedIndex-value-accessor.ts b/nativescript-angular/value-accessors/selectedIndex-value-accessor.ts
index 78ccc09d8..ecca988e0 100644
--- a/nativescript-angular/value-accessors/selectedIndex-value-accessor.ts
+++ b/nativescript-angular/value-accessors/selectedIndex-value-accessor.ts
@@ -19,7 +19,7 @@ export type SelectableView = {selectedIndex: number} & View;
  *  ```
  */
 @Directive({
-    selector: 'SegmentedBar[ngModel], ListPicker[ngModel], TabView[ngModel]',
+    selector: 'SegmentedBar[ngModel], segmentedBar[ngModel], segmented-bar[ngModel], ListPicker[ngModel], listPicker[ngModel], list-picker[ngModel], TabView[ngModel] tabView[ngModel], tab-view[ngModel]',
     host: { '(selectedIndexChange)': 'onChange($event.value)' },
     providers: [SELECTED_INDEX_VALUE_ACCESSOR]
 })
diff --git a/nativescript-angular/value-accessors/text-value-accessor.ts b/nativescript-angular/value-accessors/text-value-accessor.ts
index f95dc48fe..d141652c6 100644
--- a/nativescript-angular/value-accessors/text-value-accessor.ts
+++ b/nativescript-angular/value-accessors/text-value-accessor.ts
@@ -18,7 +18,7 @@ export type TextView = {text: string} & View;
  *  ```
  */
 @Directive({
-    selector: 'TextField[ngModel], TextView[ngModel], SearchBar[ngModel]',
+    selector: 'TextField[ngModel], textField[ngModel], text-field[ngModel], TextView[ngModel], textView[ngModel], text-view[ngModel], SearchBar[ngModel], search-bar[ngModel], searchBar[ngModel]',
     host: { '(textChange)': 'onChange($event.value)' },
     providers: [TEXT_VALUE_ACCESSOR]
 })
diff --git a/nativescript-angular/value-accessors/time-value-accessor.ts b/nativescript-angular/value-accessors/time-value-accessor.ts
index 079d4dab3..36d081c1b 100644
--- a/nativescript-angular/value-accessors/time-value-accessor.ts
+++ b/nativescript-angular/value-accessors/time-value-accessor.ts
@@ -16,7 +16,7 @@ const TIME_VALUE_ACCESSOR = {provide: NG_VALUE_ACCESSOR, useExisting: forwardRef
  *  ```
  */
 @Directive({
-    selector: 'TimePicker[ngModel]',
+    selector: 'TimePicker[ngModel], timePicker[ngModel], time-picker[ngModel]',
     host: { '(timeChange)': 'onChange($event.value)' },
     providers: [TIME_VALUE_ACCESSOR]
 })
diff --git a/ng-sample/app/examples/renderer-test.html b/ng-sample/app/examples/renderer-test.html
index f5a47300d..674a1b4b3 100644
--- a/ng-sample/app/examples/renderer-test.html
+++ b/ng-sample/app/examples/renderer-test.html
@@ -2,6 +2,7 @@
     <Label [text]='model.mydate | date:"fullDate"' [ngStyle]="{'background-color': 'lime'}"></Label>
     <Progress value="50" style="color: red"></Progress>
     <SearchBar [(ngModel)]='model.search'></SearchBar>
+    <search-bar [(ngModel)]='model.search'></search-bar>
     <Label [text]='model.search' [style.backgroundColor]="'hotpink'"></Label>
     <Slider [(ngModel)]='model.sliderTest'></Slider>
     <Label [text]='model.sliderTest'></Label>