- Remove extra <md-autocomplete> blocks in example.

- Add isOpen attribute to `MdAutocomplete` component.

Author: josephperrott

src/demo-app/autocomplete/autocomplete-demo.html

@@ -66,19 +66,6 @@
   </md-card>
 </div>
 
-<md-autocomplete #reactiveAuto="mdAutocomplete" [displayWith]="displayFn">
-  <md-option *ngFor="let state of reactiveStates | async" [value]="state">
-    <span>{{ state.name }}</span>
-    <span class="demo-secondary-text"> ({{state.code}}) </span>
-  </md-option>
-</md-autocomplete>
-
-<md-autocomplete #tdAuto="mdAutocomplete">
-  <md-option *ngFor="let state of tdStates" [value]="state.name">
-    <span>{{ state.name }}</span>
-  </md-option>
-</md-autocomplete>
-
 <md-autocomplete #groupedAuto="mdAutocomplete">
   <md-optgroup *ngFor="let group of filteredGroupedStates"
     [label]="'States starting with ' + group.letter">

src/lib/autocomplete/autocomplete-trigger.ts

@@ -180,7 +180,7 @@ export class MdAutocompleteTrigger implements ControlValueAccessor, OnDestroy {
     this._resetPlaceholder();
 
     if (this._panelOpen) {
-      this._panelOpen = false;
+      this.autocomplete._isOpen = this._panelOpen = false;
 
       // We need to trigger change detection manually, because
       // `fromEvent` doesn't seem to do it at the proper time.
@@ -461,7 +461,7 @@ export class MdAutocompleteTrigger implements ControlValueAccessor, OnDestroy {
     }
 
     this.autocomplete._setVisibility();
-    this._panelOpen = true;
+    this.autocomplete._isOpen = this._panelOpen = true;
   }
 
   private _getOverlayConfig(): OverlayState {

src/lib/autocomplete/autocomplete.spec.ts

@@ -390,6 +390,17 @@ describe('MdAutocomplete', () => {
       expect(inputContainer._animateAndLockPlaceholder).toHaveBeenCalled();
     });
 
+    it('should provide the open state of the panel', async(() => {
+      expect(fixture.componentInstance.panel.isOpen).toBeFalsy(
+        `Expected the panel to be unopened initially.`);
+
+      dispatchFakeEvent(input, 'focusin');
+      fixture.detectChanges();
+      fixture.whenStable().then(() => {
+        expect(fixture.componentInstance.panel.isOpen).toBeTruthy(
+          `Expected the panel to be opened on focus.`);
+      });
+    }));
   });
 
   it('should have the correct text direction in RTL', () => {

src/lib/autocomplete/autocomplete.ts

@@ -57,6 +57,11 @@ export class MdAutocomplete implements AfterContentInit {
   /** Whether the autocomplete panel should be visible, depending on option length. */
   showPanel = false;
 
+  _isOpen: boolean = false;
+  get isOpen(): boolean {
+    return this._isOpen && this.showPanel;
+  }
+
   /** @docs-private */
   @ViewChild(TemplateRef) template: TemplateRef<any>;
 
@@ -83,6 +88,8 @@ export class MdAutocomplete implements AfterContentInit {
 
   ngAfterContentInit() {
     this._keyManager = new ActiveDescendantKeyManager<MdOption>(this.options).withWrap();
+    // Set the initial visibiity state.
+    this._setVisibility();
   }
 
   /**