angular.Array.indexOf.html

<h1>angular.Array.indexOf</h1>
<div class="angular-array-indexof"><h2>Description</h2>
<div class="description"><p>Determines the index of <code>value</code> in <code>array</code>.</p>

<p>Note: this function is used to augment the <code>Array</code> type in angular expressions. See
<a href="#!/api/angular.Array"><code>angular.Array</code></a> for more info.</p></div>
<h2>Usage</h2>
<div class="usage"><div ng:non-bindable=""><pre class="brush: js; html-script: true;">angular.Array.indexOf(array, value);</pre>
</div>
<h3>Parameters</h3>
<ul class="parameters"><li><code ng:non-bindable="">array – {Array} – </code>
<p>Array to search.</p></li>
<li><code ng:non-bindable="">value – {*} – </code>
<p>Value to search for.</p></li>
</ul>
<h3>Returns</h3>
<div class="returns"><code ng:non-bindable="">{number}</code>
– <p>The position of the element in <code>array</code>. The position is 0-based. <code>-1</code> is returned if the value can't be found.</p></div>
</div>
<h2>Example</h2>
<div class="example"><doc:example>
<pre class="doc-source">
 &lt;div ng:init="books = ['Moby Dick', 'Great Gatsby', 'Romeo and Juliet']"&gt;&lt;/div&gt;
 &lt;input name='bookName' value='Romeo and Juliet'&gt; &lt;br&gt;
 Index of '{{bookName}}' in the list {{books}} is &lt;em&gt;{{books.$indexOf(bookName)}}&lt;/em&gt;.
</pre>
<pre class="doc-scenario">
 it('should correctly calculate the initial index', function() {
   expect(binding('books.$indexOf(bookName)')).toBe('2');
 });

 it('should recalculate', function() {
   input('bookName').enter('foo');
   expect(binding('books.$indexOf(bookName)')).toBe('-1');

   input('bookName').enter('Moby Dick');
   expect(binding('books.$indexOf(bookName)')).toBe('0');
 });
</pre>
</doc:example></div>
</div>