angular.directive.ng:selected.html

<h1>angular.directive.ng:selected</h1>
<div class="angular-directive-ng-selected"><fieldset class="workInProgress"><legend>Work in Progress</legend>
This page is currently being revised. It might be incomplete or contain inaccuracies.</fieldset>
<h2>Description</h2>
<div class="description"><p>The HTML specs do not require browsers to preserve the special attributes such as selected.
(The presence of them means true and absence means false)
This prevents the angular compiler from correctly retrieving the binding expression.
To solve this problem, we introduce ng:selected.</p></div>
<h2>Usage</h2>
<div class="usage"><pre class="brush: js; html-script: true;">&lt;ANY ng:selected="template"&gt;
   ...
&lt;/ANY&gt;</pre>
<h3>Parameters</h3>
<ul class="parameters"><li><code ng:non-bindable="">template – {template} – </code>
<p>any string which can contain '{{}}' markup.</p></li>
</ul>
</div>
<h2>Example</h2>
<div class="example"><doc:example>
<pre class="doc-source">
  Check me to select: &lt;input type="checkbox" name="checked"&gt;&lt;br/&gt;
  &lt;select&gt;
    &lt;option&gt;Hello!&lt;/option&gt;
    &lt;option id="greet" ng:selected="{{checked}}"&gt;Greetings!&lt;/option&gt;
  &lt;/select&gt;
</pre>
<pre class="doc-scenario">
  it('should select Greetings!', function() {
    expect(element('.doc-example-live #greet').attr('selected')).toBeFalsy();
    input('checked').check();
    expect(element('.doc-example-live #greet').attr('selected')).toBeTruthy();
  });
</pre>
</doc:example></div>
</div>