Jak wykonać proste powiązanie wprowadzania tekstu w Angular 2

Question

Próbuję element do a simple binding from an Angular2 do szablonu. Mój kod szablon wygląda tak ...

<textarea class="left-side" #newLeft (keyup)="enterLeftText($event, newLeft)"></textarea> 

<textarea class="right-side">{{leftText}}</textarea> 

Wtedy w moim składnika Mam następujący ...

enterLeftText($event, newLeft) { 
    this.leftText = newLeft.value; 
} 

Problemem jest to, że newLeft zawsze jest niezdefiniowany. czego mi brakuje?

Answer 1

Znalazłeś interesujący błąd, ponieważ wydaje się, że nie możemy mieć wielkich liter w powiązaniu #id.

prostu zastępując newLeft z newleft będzie rozwiązać problem:

http://plnkr.co/edit/ngqd0cUXyxsgBKOBSr9S?p=preview

---

UPDATE: w rzeczywistości wydaje się, że id powinno być kreska-zauważyć, a zmienna jest przypadek wielbłąd, jak to jest w przypadku na Angular 1 podczas wiązania atrybutów.

więc realna odpowiedź na Twój problem jest napisać #new-left:

<textarea class="left-side" #new-left (keyup)="enterLeftText($event, newLeft)"></textarea> 

Answer 2

Przy użyciu "# nowy-left" otrzymuję wyjątek

EXCEPTION: Error: Uncaught (in promise): Template parse errors: "-" is not allowed in variable names

Rozwiązanie z camelCased nazwami zmiennych działa poprawnie teraz dla mnie.