Component Angular là gì
Các chủ đề liên quan: Angular CSS3 Front End HTML5 JavaScript laptrinhvien.io xin gửi lời chúc mừng năm mới đến tất cả bạn đọc đã luôn giành tình cảm và sự quan tâm đến chúng tôi. Mở đầu năm 2018, laptrinhvien.io tiếp tục mang đến các bạn bài học về Component trong Angular. Nội dung nằm trong chuỗi series bài học Angular. Trước hết, cùng nhắc lại phần kiến thức ở phần trước laptrinhvien.io đã giới thiệu đến các bạn nhé. Chúng ta đã chuẩn bị sẵn sàng môi trường và công cụ cần thiết để bắt đầu xây dựng ứng dụng Angular. Chúng ta cùng bắt tay vào xây dựng Component đầu tiên nhé! Bài học này sẽ đi sâu vào việc xây dựng một Component rất cơ bản. Và tập trung vào xác định rõ các bộ phận của Component đó, ý nghĩa và mục đích của chúng. Để biết rõ hơn vềComponent trong Angular. Hãy tập trung và cùng xem video bên dưới các bạn nhé! Có các ví dụ cụ thể và hướng dẫn chi tiết: Các bạn hãy hiểu rằng một ứng dụng Angular là tập hợp các Component, chúng ta tạo ra từng Component và sắp xếp chúng lại để tạo ra ứng dụng. Các nội dung chính sẽ được làm rõ trong phần này:
Trong bài học đầu tiên, chúng ta đã xác định được cấu trúc ứng dụng Angular. Angular CLI đã giúp chúng ta tạo ra file index.html và các AppComponent. Nhiệm vụ hôm nay sẽ là xây dựng AppComponent. Component là gì? Một Angular Component bao gồm:
Tạo một Component Class Một class là một cấu trúc cho phép tạo những thuộc tính(properties) được xác định bởi những kiểu dữ liệu (data type) và những phương thức (method) cung cấp những chức năng. Định nghĩa một class sử dụng một từ khoá class và theo đó là tên của class. Thông thường Angular quy ước đặt tên mỗi component với một tên đặc trưng. Sau đó nối các thành phần như hậu tố Component. Từ khoá export trước class làm cho component đó có thể được sử dụng bởi các component khác của ứng dụng. Và như chúng ta đã được học từ chương trước, file chứa mã bây giờ đã là một ES module. Nó sẽ được tải bởi module loader khác mà không cần thêm một script tag nữa. Bên trong phần thân của class có những thuộc tính và phương thức. Định nghĩa Metadata với một Decorator
Importing
Bootstrapping Hầu hết các ứng dụng Angular có một file index.html có chứa trang chính của ứng dụng. File index.html thường chỉ là một trang. Do đó một ứng dụng Angular thường được gọi là một Single Page Application (SPA). Những điều tối thiểu phải có để tạo ra một AppModule
Cảm ơn các bạn đọc đã luôn theo dõi laptrinhvien.io. Hẹn gặp các bạn ở những bài học tiếp theo. Phần trước:[#ANG02] ANGULAR CHUẨN BỊ NHỮNG HÀNH TRANG CẦN THIẾT Chúng tôi luôn mong muốn mang lại những kiến thức bổ ích cho các bạn yêu thích lập trình.Các bạn hãy đón xem và ủng hộ bằng cáchLIKE/SHAREhaySUBCRIBEđể có thể cập nhật thông tin mới nhất từ chúng tôi. Và đừng quên chia sẻbài học này tới bạn bè của mình để cùng nhau chinh phục Angularbạn nhé! Đặc biệt, hiện tạiTrung Tâmđang tuyển sinh Khóa họcAngular 5khai giảngngày 03/01/2018. Các bạn hãy xem chi tiết lịch khai giảng và đăng ký học tại đây: LỊCH KHAI GIẢNG TRUNG TÂM ĐÀO TẠO LẬP TRÌNH VIÊN JANETO 0933067997 0933267337 Bình luận |