Vật liệu Angular - Widget

Các md-button, Angular Chỉ thị, là một chỉ thị nút có gợn mực tùy chọn (và được bật theo mặc định). Nếuhref hoặc là ng-href được cung cấp, sau đó chỉ thị này hoạt động như một phần tử neo.

Các md-checkbox, một Chỉ thị Angular, được sử dụng như một điều khiển hộp kiểm.

Các md-content, một Chỉ thị Angular, là một phần tử vùng chứa và được sử dụng cho nội dung có thể cuộn. Cáclayout-padding thuộc tính có thể được thêm vào để có nội dung đệm.

Các md-datepicker, một Chỉ thị Angular, là một điều khiển đầu vào để chọn ngày. Nó cũng hỗ trợ ngMessages để xác nhận đầu vào.

Các md-dialog, Angular Chỉ thị, là một phần tử vùng chứa và được sử dụng để hiển thị một hộp thoại. Yếu tố của nómd-dialog-content chứa nội dung của hộp thoại và md-dialog-actions chịu trách nhiệm về các hành động đối thoại.

Các mdDialog, một Dịch vụ Angular, mở một hộp thoại trên ứng dụng để thông báo cho người dùng và giúp họ đưa ra quyết định.

Các md-divider, Angular Chỉ thị, là một phần tử quy tắc và được sử dụng để hiển thị một quy tắc mỏng nhẹ để nhóm và phân chia nội dung trong danh sách và bố cục trang.

Các md-list, một chỉ thị Angular, là một thành phần vùng chứa có chứa md-list-itemcác yếu tố khi còn nhỏ. Chỉ thị md-list-item là một thành phần vùng chứa cho các mục hàng của vùng chứa md-list. Các lớp CSSmd-2-line và md-3-line có thể được thêm vào md-list-item để tăng chiều cao của hàng với 22px và 40px tương ứng.

Các md-menu, một chỉ thị Angular, là một thành phần để hiển thị các tùy chọn bổ sung trong ngữ cảnh của hành động được thực hiện. Cácmd-menucó hai phần tử con. Yếu tố đầu tiên làtrigger elementvà được sử dụng để mở menu. Yếu tố thứ hai làmd-menu-contentđể thể hiện nội dung của menu khi menu được mở. Nội dung md-menu-thường có các mục menu là md-menu-item.

Các md-menu-bar, là một thành phần chứa để chứa nhiều menu. Thanh menu giúp tạo hiệu ứng menu do hệ điều hành cung cấp.

Các md-progress-circular và md-progress-linear là các chỉ thị tiến độ góc và được sử dụng để hiển thị thông báo nội dung đang tải trong ứng dụng.

Các md-radio-group và md-radio-buttonCác chỉ thị góc được sử dụng để hiển thị các nút radio trong applcation. Nhóm md-radio-là vùng chứa nhóm cho các phần tử md-radio-button.

Các md-select, một chỉ thị Angular được sử dụng để hiển thị hộp Chọn, được giới hạn bởi ng-model.

Các md-fab-toolbar, một chỉ thị Angular, được sử dụng để hiển thị thanh công cụ gồm các phần tử hoặc nút để truy cập nhanh vào các hành động phổ biến.

Các md-slider, một chỉ thị Angular được sử dụng để hiển thị một thành phần phạm vi. Nó có hai chế độ -

• normal- Người dùng có thể trượt giữa nhiều loại giá trị. Mặc định.

• discrete- Người dùng có thể trượt giữa các giá trị đã chọn. Để bật chế độ rời rạc, hãy sử dụng thuộc tính md-discrete và step.

Các md-tabs và md-tabCác chỉ thị góc được sử dụng để hiển thị các tab trong applcation. md-tabs là vùng chứa nhóm cho các phần tử md-tab.

Các md-toolbar, một chỉ thị Angular được sử dụng để hiển thị một thanh công cụ thường là một khu vực phía trên nội dung để hiển thị tiêu đề và các nút có liên quan.

Angular Material cung cấp các phương pháp đặc biệt khác nhau để hiển thị các chú giải công cụ không phô trương cho người dùng. Angular Material cung cấp các cách để chỉ định hướng cho chúng và chỉ thị md-tooltip được sử dụng để hiển thị chú giải công cụ. Chú giải công cụ sẽ kích hoạt bất cứ khi nào người dùng tập trung, di chuột qua hoặc chạm vào thành phần chính.

Các md-chips, Chỉ thị góc cạnh, được sử dụng như một thành phần đặc biệt được gọi là Chip và có thể được sử dụng để đại diện cho một tập hợp nhỏ thông tin, ví dụ, một liên hệ, các thẻ, v.v. Mẫu tùy chỉnh có thể được sử dụng để hiển thị nội dung của chip. Điều này có thể đạt được bằng cách chỉ định một phần tử md-chip-template có nội dung tùy chỉnh là con của md-chip.

Các md-contact-chips, một Chỉ thị Angular, là một điều khiển đầu vào được xây dựng trên md-chip và sử dụng md-autocompletethành phần. Thành phần chip tiếp xúc chấp nhận một biểu thức truy vấn trả về danh sách các liên hệ có thể có. Người dùng có thể chọn một trong những thứ này và thêm nó vào danh sách chip khả dụng.