title: How to get span value which has ng-bulding class?
body: <p>I can get value when I tried this on console using:</p>
  <pre><code>$x(&quot;//*[@class='file-folder-breadcrumbs-item-part name']&quot;)[1].innerText; 
  </code></pre>
  <p>or</p>
  <pre><code>document.querySelector(&quot;[ng-if='currentPathNodes.length']&quot;).innerText;
  </code></pre>
  <p>but not able to convert in this JavaScript code in Protractor code.</p>
  <p>Below is HTML</p>
  <pre><code>&lt;div class=&quot;file-folder-breadcrumbs-child-panel ng-hide&quot; ng-shenter image ow=&quot;isExpanded(root.full)&quot;&gt;
       &lt;!-- ngRepeat: child in root.nodes --&gt;
          &lt;div ng-repeat=&quot;child in root.nodes&quot; class=&quot;ui-state-default filedrop file-folder-breadcrumbs-item-child ng-scope&quot; ng-click=&quot;navigateToChild($event, child, root)&quot;&gt;
             &lt;span class=&quot;ng-binding&quot;&gt;TestFolder&lt;/span&gt;
           &lt;/div&gt;
       &lt;!-- end ngRepeat: child in root.nodes --&gt;
   &lt;/div&gt;
  </code></pre>
  <p><a href="https://i.stack.imgur.com/AHlq5.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/AHlq5.png" alt="enter image description here" /></a></p>