angular.directive.ng:bind-template.html

<h1>angular.directive.ng:bind-template</h1>
<div class="angular-directive-ng-bind-template"><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 <code>ng:bind-template</code> attribute specifies that the element
text should be replaced with the template in ng:bind-template.
Unlike ng:bind the ng:bind-template can contain multiple <code>{{</code> <code>}}</code>
expressions. (This is required since some HTML elements
can not have SPAN elements such as TITLE, or OPTION to name a few.</p></div>
<h2>Usage</h2>
<div class="usage"><pre class="brush: js; html-script: true;">&lt;ANY ng:bind-template="template"&gt;
   ...
&lt;/ANY&gt;</pre>
<h3>Parameters</h3>
<ul class="parameters"><li><code ng:non-bindable="">template – {string} – </code>
<p>of form
<tt>{{</tt> <tt>expression</tt> <tt>}}</tt> to eval.</p></li>
</ul>
</div>
<h2>Example</h2>
<div class="example"><p>Try it here: enter text in text box and watch the greeting change.</p><doc:example>
  <doc:source>
   Salutation: &lt;input type="text" name="salutation" value="Hello"&gt;&lt;br/&gt;
   Name: &lt;input type="text" name="name" value="World"&gt;&lt;br/&gt;
   &lt;pre ng:bind-template="{{salutation}} {{name}}!"&gt;&lt;/pre&gt;
  </doc:source>
  <doc:scenario>
    it('should check ng:bind', function(){
      expect(using('.doc-example-live').binding('{{salutation}} {{name}}')).
        toBe('Hello World!');
      using('.doc-example-live').input('salutation').enter('Greetings');
      using('.doc-example-live').input('name').enter('user');
      expect(using('.doc-example-live').binding('{{salutation}} {{name}}')).
        toBe('Greetings user!');
    });
  </doc:scenario>
</doc:example></div>
</div>