Template local variables with dash (-) in them do not work

That is, this works:

<input #newtodo>
<button (click)="addTodo(newtodo.domElement.value)">Add Todo</button>

But this does not:

<input #new-todo>
<button (click)="addTodo(new-todo.domElement.value)">Add Todo</button>

Nor does this:

<input #newTodo>
<button (click)="addTodo(newTodo.domElement.value)">Add Todo</button>

If it’s not actually supposed to work, we should warn when users do this.

[svrcekmichal]

@mhevery maybe just mention that in docs somewhere? I have created value newTodo and it cost me bit of time to spot that newtodo in browser

[angular-automatic-lock-bot[bot]]

This issue has been automatically locked due to inactivity. Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}