title: In AngularJS, how can I "bind" the text in a span to a text box, and update it when I click on the span?
body: <p>The simplest version of my question is this:  I have a few spans:</p>
  
  <pre><code>&lt;span id="one"&gt;SpanOne&lt;/span&gt;
  &lt;span id="two"&gt;SpanTwo&lt;/span&gt;
  &lt;span id="three"&gt;SpanThree&lt;/span&gt;
  </code></pre>
  
  <p>and a text field:</p>
  
  <pre><code>&lt;input type="text" id="textField"/&gt;
  </code></pre>
  
  <p>I want to click on one of the spans, and have the text field populated with its text.  I can do something like adding 'onClick="document.all.textField.value=this.text"' to the span elements, but how can I do it using AngularJS?</p>