Angular2 có tương đương với $ document

Question

Tôi đã bắt đầu xem xét Angular2 và có một cơ bản với 3 componenets lồng nhau làm việc. Tuy nhiên tôi không thể tìm ra cách thêm trình xử lý nhấn phím vào tài liệu.

Nếu không, làm thế nào tôi có thể nghe một phím bấm trên tài liệu và phản ứng với nó? Để rõ ràng, tôi cần trả lời một kepyress trên chính tài liệu, KHÔNG phải là đầu vào.

Trong góc 1 Tôi sẽ tạo chỉ thị và sử dụng $ document; một cái gì đó như thế này:

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

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

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

Nhưng tôi chưa tìm được giải pháp Angular2.

Answer 1

Bạn có thể làm một cái gì đó như thế này:

@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, đội kiễu góc đã có một số thú vị ideas about keyboard events, không chắc chắn tình trạng này tại thời điểm này là những gì. Thậm chí có thể là it's working, không thử bản thân mình :)