title: How set ngModel for span Angular 6?
body: <p><strong>HTML5</strong></p>
  
  <pre><code>&lt;div class="row rating" style="float:right;"&gt;
       &lt;span class="fa fa-star"  name="val1" [(ngModel)]="data.val1"&gt;&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>TS</strong></p>
  
  <pre><code>data = {
   val1 = ''
  }
  </code></pre>
  
  <p><strong>Note:</strong> I need a unique name. I want to use the star rate system. I want to get name <strong>ONLY</strong>. </p>