Góc bên ngoài 2 (tệp thuộc tính)

Question

Cách được chấp thuận của việc ngoại suy chuỗi liên tục trong ứng dụng Angular 2, hoặc trong ứng dụng JavaScript nói chung là gì? Tôi có nghĩa là một cái gì đó như .properties tập tin trong Java, nơi mà các thuộc tính kết nối phụ trợ được lưu trữ.

Theo như tôi biết, JavaScript không hỗ trợ đọc dễ dàng từ tệp ở cuối ứng dụng. Giải pháp hiện tại của tôi là sử dụng lớp dịch vụ có thể tiêm, lưu trữ các cặp khóa-giá trị làm thuộc tính đối tượng. Sau đó, tôi chỉ cần tiêm dịch vụ trong các dịch vụ khác mà cần những giá trị đó. Đây có phải là phương pháp có thể biện minh được hay JavaScript/A2 cung cấp một số cách thống nhất hơn để xử lý việc tiêm giá trị?

Answer 1

Tôi nghĩ rằng cách làm là đúng.

Bạn có thể khởi động không đồng bộ sau khi (các) yêu cầu hoàn tất. Dưới đây là một ví dụ:

var app = platform(BROWSER_PROVIDERS) 
    .application([BROWSER_APP_PROVIDERS, appProviders]); 

var service = app.injector.get(ConfigService); 

service.getConfig().flatMap((config) => { 
    var configProvider = new Provider('config', { useValue: config }); 
    return app.bootstrap(appComponentType, [ companiesProvider ]); 
}).toPromise(); 

Xem câu hỏi này:

• How to defer Main component's initialization of dependent components so that some promises may get resolved

tôi thấy cách tiếp cận khác nếu bạn có thể cập nhật index.html trang (entry point chính) trên phía máy chủ. Dưới đây là một ví dụ:

<script> 
    var params = {"token": "@User.Token", "xxx": "@User.Yyy"}; 
    System.import('app/main').then((module) => { 
    module.main(params); 
    }); 
</script> 

Xem câu hỏi này:

• How to pass parameters rendered from backend to angular2 bootstrap method

Bạn cũng có thể đăng ký một nhà cung cấp APP_INITIALIZER cho việc này:

provide(APP_INITIALIZER, { 
    useFactory: (service:ConfigService) =>() => service.loadConfig(), 
    deps:[ConfigService, HTTP_PROVIDERS], 
    multi: true}), 

Xem vấn đề này cho biết thêm chi tiết:

• https://github.com/angular/angular/issues/9047