कोणीय 2

Question

में एक साधारण पाठ इनपुट बाध्य कैसे करें I टेम्पलेट में do a simple binding from an Angular2 घटक की कोशिश कर रहा हूं। मेरे टेम्पलेट कोड इस तरह दिखता है ...

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

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

तब मेरे घटक में

मैं निम्नलिखित है ...

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

समस्या यह है कि newLeft हमेशा अपरिभाषित है। मैं क्या खो रहा हूँ?

Answer 1

आपको एक दिलचस्प बग मिला, क्योंकि ऐसा लगता है कि हमारे पास #id बाध्यकारी में अपरकेस नहीं हो सकता है।

सीधे शब्दों में newleft साथ newLeft की जगह आपकी समस्या का समाधान होगा:

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

---

अद्यतन: वास्तव में ऐसा लगता है कि आईडी पानी का छींटा-ध्यान दिया जाना चाहिए और चर, ऊंट मामला है के रूप में यह मामला है गुणों को बाध्य करते समय कोणीय 1 पर।

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

Answer 2

का उपयोग करते समय "# नई-बाएँ" मैं एक अपवाद मिल

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

camelCased चर नाम के साथ समाधान ठीक काम करता है:

तो आपकी समस्या का असली जवाब #new-left लिखना है अब मेरे लिए