Nhập tên mô-đun TypeScript trong nhiều tệp

Question

Tôi đang cố gắng bắt chước một tính năng của C# trong Typescript.

Hãy nói tôi có cấu trúc thư mục này

App.ts 
Models/ 
    Person.ts 
    Message.ts 

tôi sau đó trong App.ts muốn điều này:

module MyAppNamespace { 
    export class ChatApp { 
     User: Models.Person; 
     constructor() => { 
      this.User = new Models.Person("John"); 
      this.User.Message = new Models.Message("Hello World"); 
     } 
    } 
} 

Làm thế nào tôi sẽ làm điều này?

Answer 1

Đây là đề xuất của tôi. Tôi nghĩ rằng những gì bạn muốn làm là xác định một mô-đun mở rộng trên một số tập tin nguồn. Để đạt được điều này, bạn cần phải sử dụng một nội mô-đun như sau:

Models/Person.ts

module Model { 

    export class Person { 
     name: string; 
     Message : Message; 
     constructor(name: string) { 
      this.name = name; 
     } 
    } 
} 

Models/Message.ts

module Model { 
    export class Message { 
     message: string; 
     constructor(message: string) { 
      this.message = message; 
     } 
    } 
} 

App .ts

///<reference path='Models/Person.ts'/> 
///<reference path='Models/Message.ts'/> 
module MyAppNamespace { 
    export class ChatApp { 
     User: Model.Person; 
     constructor() => { 
      this.User = new Model.Person("John"); 
      this.User.Message = new Model.Message("Hello World"); 
     } 
    } 
} 

Nếu bạn biên dịch này với

tsc App.ts 

sau đó tất cả mọi thứ nên làm việc. Lưu ý cách mô-đun outer được khai báo trong hai tệp nguồn. Vì đây là mô-đun nội bộ, chúng tôi phải yêu cầu trình biên dịch đưa chúng vào phạm vi của chúng tôi bằng cách thêm câu lệnh ///<reference path='foo.ts'/>.