title: Programmatically select a row ag-grid + angular 2
body: <p>Trying to select first row by default in ag-grid. As per ag-grid documents, I should be able to do this using NodeSelection Api(<a href="https://www.ag-grid.com/javascript-grid-selection/?framework=all#gsc.tab=0" rel="noreferrer">https://www.ag-grid.com/javascript-grid-selection/?framework=all#gsc.tab=0</a>). But I am not able to get to node object at all. 
  HTML file </p>
  
  <pre><code>&lt;div class="pulldown panel panel-default"&gt;
            &lt;div class="panel-heading"&gt;{{rulesSummaryTitle}}&lt;/div&gt;
            &lt;ag-grid-angular #agGrid   class="ag-fresh ag-bootstrap"
                             [gridOptions]="gridOptions"
                             [rowData]="rowData"
                             [columnDefs]="columnDefs"
                             [enableSorting]="true"
                             rowSelection="single"
                             [pagination]="true"
                             [suppressCellSelection]="true"
                             (gridReady)="onGridReady($event)"
                             (rowSelected)="onRowSelect($event)"&gt;
            &lt;/ag-grid-angular&gt;
        &lt;/div&gt;
  </code></pre>
  
  <p>I am calling node selection api in "onGridReady" method but errors out with error message "cant call setSelected on undefined".</p>
  
  <pre><code>public onGridReady(event: any): void {
      event.api.sizeColumnsToFit();
      this.gridOptions.api.node.setSelected(true);
    }
  </code></pre>