title: How to access rendered DOM Objects by Protractor
body: <p>I just started learning protractor and having issues getting the text from DOM object.</p>
  
  <p>Below is the div from <strong>AngularJS</strong> application</p>
  
  <pre><code>"&lt;div class="input-group application-item-field"&gt;
                      &lt;input type="text" class="form-control ng-pristine ng-valid ng-touched" id="symbol" ng-model="ctrl.getApplication().company.symbol"&gt;
  
                  &lt;/div&gt;"
  </code></pre>
  
  <p>I am trying to get the text of symbol object but it is not shown in span.</p>
  
  <p>I tried </p>
  
  <pre><code>element(By.model('ctrl.getApplication().company.symbol')).getAttribute('class').then(function(text){
                          console.log(text);
  
  
                      });
  </code></pre>
  
  <p>But it didn't return the text.</p>
  
  <p>I can get the value of text by using <code>console.log(document.getElementById('symbol').value);</code> on developer tools.</p>
  
  <p>Please advice.</p>