Góc 2 - Sử dụng thư viện bên ngoài

Question

Gần đây tôi đã bắt đầu sử dụng Angular2 (kiểu tập lệnh) và mọi thứ sẽ hoạt động tốt cho đến khi tôi cố gắng nhập thư viện javascript bên ngoài https://github.com/marchock/vertical-blocks. Tôi đã thử một vài phương pháp nhưng không có gì hoạt động và tôi thường nhận được một lỗi hiển thị thư viện không được xác định.

Answer 1

Đây là thư viện toàn cầu, do đó bạn không cần phải import điều này. Thay vì sử dụng nó như bạn sẽ thường ví dụ:

@Component({...}) 
export class ExampleComponent{ 
    verticalBlocks: any; 

    ngOnInit(){ 
     this.verticalBlocks = new VerticalBlocks({ 
      ...  
     }); 
    } 
} 

và thay vì import đơn giản tuyên bố biến VerticalBlocks để nguyên cảo mà không phàn nàn về bạn sử dụng nó và biết rằng đó là một thư viện toàn cầu sử dụng

declare var VerticalBlocks: any; 

ở đầu tệp .ts của bạn.

Sau đó chỉ cần thêm đoạn mã trong html của bạn như bình thường:

<script src="path/to/verticalblocks.js"></script>