From 013389d7ca860be2bbd413aa8d71b8138a9030a2 Mon Sep 17 00:00:00 2001
From: Adam Bradley <adambradley25@gmail.com>
Date: Wed, 7 Oct 2015 15:07:50 -0500
Subject: [PATCH] fix(searchbar): set directives

---
 ionic/components/search-bar/search-bar.ts | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/ionic/components/search-bar/search-bar.ts b/ionic/components/search-bar/search-bar.ts
index 8d35137faa..7bc2933142 100644
--- a/ionic/components/search-bar/search-bar.ts
+++ b/ionic/components/search-bar/search-bar.ts
@@ -1,4 +1,4 @@
-import {ElementRef, Pipe, NgControl, Renderer, View} from 'angular2/angular2';
+import {ElementRef, Pipe, NgControl, Renderer, View, FORM_DIRECTIVES, NgIf, NgClass} from 'angular2/angular2';
 
 import {Ion} from '../ion';
 import {IonicConfig} from '../../config/config';
@@ -43,7 +43,8 @@ import {ConfigComponent} from '../../config/decorators';
     (input)="inputChanged($event)" class="search-bar-input" type="search" [attr.placeholder]="placeholder" [(ng-model)]="value">
     <div class="search-bar-close-icon" (click)="clearInput()"></div>
   </div>
-  <button *ng-if="showCancel" (click)="cancelAction()" class="search-bar-cancel" [class.left-align]="shouldLeftAlign">{{cancelText}}</button>`
+  <button *ng-if="showCancel" (click)="cancelAction()" class="search-bar-cancel" [class.left-align]="shouldLeftAlign">{{cancelText}}</button>`,
+  directives: [FORM_DIRECTIVES, NgIf, NgClass]
 })
 
 export class SearchBar extends Ion {