Chức năng bootstrap làm gì trong Angular 2

Question

Tôi rất mới vào khung công tác giao diện người dùng và tôi đang học Angular 2. Trong hướng dẫn, nó cho bạn biết bao gồm dòng bootstrap(AppComponent). Chức năng bootstrap này làm gì? Nó chỉ đơn giản là những gì bắt đầu ứng dụng? Tôi đoán nó không liên quan gì đến khung giao diện người dùng twitter-bootstrap.

Answer 1

bootstrap là chức năng yêu cầu Angular2 hệ thống hiển thị thành phần trên trang làm thành phần chính.

Cũng xác định điểm thực thể của ứng dụng của bạn, bằng cách chỉ định gốc của ứng dụng của bạn.

//basically array will have dependencies of shared component which will instantiate only once. 
bootstrap(MyComponent, [SharedService, OtherComponent, ROUTING_DIRECTIVES]); 

Nhưng có bạn nên có đề cập rằng thành phần selector trên index.html trang như

<my-component></my-component> 

Nếu bạn so sánh điều này với góc 1, bạn sẽ tìm thấy ng-app chỉ thị mà mất angular.module tên như một đầu vào như ng-app="myApp" và cung cấp các thành phần mô-đun đó cho ứng dụng HOẶCangular.bootstrap chức năng này để khởi chạy ứng dụng trên trang.

Answer 2

Từ the docs:

Bạn nhanh chóng một ứng dụng kiễu góc bằng cách xác định một cách rõ ràng thành phần để sử dụng như là thành phần gốc cho ứng dụng của bạn thông qua các phương pháp bootstrap().

Vì vậy, có, nó chỉ khởi động ứng dụng.

Answer 3

bootstrap() khởi một ứng dụng kiễu góc bằng cách thực hiện (bên cạnh những người khác)

• tạo vùng kiễu góc,
• tạo phun gốc và
• nhà máy thực hiện được cung cấp bởi APP_INITIALIZER
• tạo đối tượng và thêm vào thư mục gốc thành phần.

Answer 4

Về cơ bản bootstrap() trong angular2 cho chúng tôi biết điểm mấu chốt cho các ứng dụng rất similer để ng-app trong 1.x góc, nó tạo ra khu vực góc cho toàn bộ ứng dụng, Trong 1.x góc chúng ta có thể sử dụng ng-app Chỉ thị, và cung cấp cho nó một giá trị như ng-app="myApp" hoặc sử dụng phương thức angular.bootstrap cho phép khởi động không đồng bộ.

Nơi chúng ta cần phải lấy phương pháp bootstrap là angular2/nền tảng/trình duyệt

import {bootstrap} from 'angular2/platform/browser'; 
    ... Some Code stuff 

    bootstrap(AppComponent, [Common providers, or Global services, varibale etc]); 

chúng tôi cũng có thể tiêm GlobalServices, các biến mà chúng ta sẽ sử dụng trong toàn bộ ứng dụng tại thời điểm bootstraping ứng dụng của chúng tôi , bằng cách làm như vậy chúng tôi không cần phải nhập khẩu những người này một lần nữa và một lần nữa trong các thành phần của chúng tôi.

Answer 5

Và bây giờ trong Angular5:

• The bootstrap array

Bạn khởi động ứng dụng bằng cách bootstrapping gốc AppModule. Trong số những thứ khác, quá trình bootstrapping tạo ra (các) thành phần được liệt kê trong mảng bootstrap và chèn mỗi thành phần vào DOM của trình duyệt.

Tiếp tục đọc:

• Bootstrap in main.ts