title: How to show a Kendo UI for Angular combobox open and use an *ngIf directive in it
body: <p>ComboBoxComponent provides the method toggle that toggles the visibility of the comboBox popup. I want to display comboBox already opened. I have the following implementation:</p>
  
  <p><strong>datalist.component.html</strong></p>
  
  <pre><code>&lt;kendo-combobox #attributecombobox&gt;&lt;/kendo-combobox&gt;
  </code></pre>
  
  <p><strong>datalist.component.cs</strong></p>
  
  <pre><code>@Component({    
      templateUrl: './datalist.component.html'
  })
  export class DatalistComponent implements OnInit {
     @ViewChild('attributecombobox') public attributeCombobox: ComboBoxComponent;
  }
  </code></pre>
  
  <p>I've tried setting the constructor:</p>
  
  <pre><code>constructor() {
     this.attributeCombobox.toggle(true);
  }
  </code></pre>
  
  <p>Doesn't work. I also tried the OnInit lifecycle hook:</p>
  
  <pre><code>ngOnInit() {
      this.attributeCombobox.toggle(true);
  }
  </code></pre>
  
  <p>It also does not work. </p>
  
  <p>What is the right approach for this? Thanks in advance.</p>
  
  <h2>Update 1</h2>
  
  <p>Sorry, I didn't disclose all the code. The ComboBox actually has a <strong>*ngIf</strong>:</p>
  
  <p><strong>datalist.component.html</strong></p>
  
  <pre><code>&lt;kendo-combobox #attributecombobox *ngIf="setAttribute"&gt;&lt;/kendo-combobox&gt;
  </code></pre>
  
  <p><strong>datalist.component.cs</strong></p>
  
  <pre><code>    @Component({    
          templateUrl: './datalist.component.html'
      })
      export class DatalistComponent implements OnInit {
         @ViewChild('attributecombobox') public attributeCombobox: ComboBoxComponent;
         setAttribute = true;
  
         ngOnInit() {
             this.attributeCombobox.toggle(true);
         }
      }
  </code></pre>
  
  <p>So I think that I found an issue with <strong>kendo-combobox</strong> elements using <strong>*ngIf</strong> as you can see in this <a href="http://plnkr.co/edit/nmHeTQYUv7AaqWNDcviz?p=preview" rel="nofollow noreferrer">plunker</a> that I forked from George K plunker (thanks George).</p>
  
  <h2>Update 2</h2>
  
  <p>I submitted an issue which was classified as a bug <a href="https://github.com/telerik/kendo-angular/issues/445" rel="nofollow noreferrer">here</a>.</p>