क्या कोणीय 2 के पास $ दस्तावेज़ के बराबर है

Question

मैंने कोणीय 2 में देखना शुरू कर दिया है और 3 नेस्टेड componenets काम कर रहे हैं। हालांकि मैं दस्तावेज़ में एक कीप्रेस हैंडलर जोड़ने का तरीका नहीं समझ सकता।

यदि नहीं, तो मैं दस्तावेज़ पर एक कीप्रेस के लिए कैसे सुनूंगा और इसके प्रति प्रतिक्रिया कैसे करूं? स्पष्ट होने के लिए मुझे दस्तावेज़ पर एक केप्रेस का जवाब देना होगा, इनपुट नहीं।

कोणीय 1 में मैं एक निर्देश तैयार करता हूं और $ दस्तावेज़ का उपयोग करता हूं; इस तरह कुछ:

$document.on("keydown", function(event) { 

     // if keycode... 
     event.stopPropagation(); 
     event.preventDefault(); 

     scope.$apply(function() {    
     // update scope...   
     }); 

लेकिन मुझे अभी तक एक कोणीय 2 समाधान नहीं मिला है।

Answer 1

आप कुछ इस तरह कर सकते हैं:

@Component({ 
    host: { 
    '(document:keyup)': '_keyup($event)', 
    '(document:keydown)': '_keydown($event)', 
    }, 
}) 
export class Component { 
    private _keydown(event: KeyboardEvent) { 
    let prevent = [13, 27, 37, 38, 39, 40] 
     .find(no => no === event.keyCode); 
    if (prevent) event.preventDefault(); 
    } 
    private _keyup(event: KeyboardEvent) { 
    if (event.keyCode === 27) this.close(); 
    else if (event.keyCode === 13) ...; 
    else if (event.keyCode === 37) ...; 
    else if (event.keyCode === 38) ...; 
    else if (event.keyCode === 39) ...; 
    else if (event.keyCode === 40) ...; 

    // else console.log(event.keyCode); 
    } 
} 

Btw, कोणीय टीम में कुछ रोचक ideas about keyboard events, यकीन नहीं इस समय इस की स्थिति क्या थी। यह भी संभव है it's working, मैंने कोशिश नहीं की :)