Angular2 local template variable VS component property under same name
<p>All:</p>

<p>I am pretty new to Angular2, when I tried user input, I used a template local variable like:</p>

<pre><code>@Component({
  selector: 'my-app',
  template: `
    &lt;input #userinput (input)="0" /&gt;
    &lt;div&gt;{{userinput.value}}&lt;/div&gt;
  `
})
export class AppComponent {
  userinput = {value:"inside component"};
}
</code></pre>

<p>I wonder if there is a way to <strong>use the userinput property inside the component rather than the local template variable from input element</strong>? Or I have to use diff names</p>

<p>Thanks</p>