Açısal Malzeme - Widget'lar

md-buttonBir Açısal Yönerge, isteğe bağlı mürekkep dalgalarına sahip (ve varsayılan olarak etkindir) bir düğme yönergesidir. Eğerhref veya ng-href öznitelik sağlandığında, bu yönerge bir bağlantı öğesi olarak işlev görür.

md-checkbox, bir Açısal Yönerge, bir onay kutusu denetimi olarak kullanılır.

md-content, bir Açısal Yönerge, bir kap öğesidir ve kaydırılabilir içerik için kullanılır. layout-padding özellik doldurulmuş içeriğe sahip olacak şekilde eklenebilir.

md-datepickerBir Açısal Yönerge, bir tarih seçmek için bir giriş denetimidir. Ayrıca, giriş doğrulama için ngMessages'ı da destekler.

md-dialogBir Açısal Yönerge, bir kap öğesidir ve bir iletişim kutusunu görüntülemek için kullanılır. Onun öğesimd-dialog-content iletişim kutusunun içeriğini ve md-dialog-actions diyalog eylemlerinden sorumludur.

mdDialogbir Angular Service, kullanıcıları bilgilendirmek ve karar vermelerine yardımcı olmak için uygulama üzerinde bir iletişim kutusu açar.

md-dividerAçısal Yönerge, bir kural öğesidir ve listeler ve sayfa düzenleri içindeki içerikleri gruplamak ve bölmek için ince ve hafif bir kural görüntülemek için kullanılır.

md-list, bir Angular yönergesi, içeren bir kap bileşenidir md-list-itembir çocuk olarak öğeler. Md-list-item direktifi, md-list konteynerinin satır öğeleri için bir konteyner bileşenidir. CSS sınıflarımd-2-line ve md-3-line md-list-item'e sırasıyla 22px ve 40px ile satır yüksekliğini artırmak için eklenebilir.

md-menubir Angular yönergesi, gerçekleştirilen eylem bağlamında ek seçenekleri görüntüleyen bir bileşendir. md-menuiki alt öğeye sahiptir. İlk unsur,trigger elementve menüyü açmak için kullanılır. İkinci unsur,md-menu-contentMenü açıldığında menü içeriğini temsil etmek için. Md-menü içeriği genellikle menü öğelerini md-menü öğesi olarak taşır.

md-menu-bar, birden çok menüyü tutan bir kap bileşenidir. Menü çubuğu, işletim sistemi tarafından sağlanan menü efekti oluşturmaya yardımcı olur.

md-progress-circular ve md-progress-linear Açısal ilerleme direktifleridir ve uygulamada yükleme içeriği mesajını göstermek için kullanılır.

md-radio-group ve md-radio-buttonAçısal yönergeler, uygulamada radyo düğmelerini göstermek için kullanılır. Md-radyo-grubu, md-radyo-düğme öğeleri için gruplama kapsayıcısıdır.

md-select, bir Angular yönergesi, ng modeli ile sınırlanan Select kutusunu göstermek için kullanılır.

md-fab-toolbar, bir Angular yönergesi, ortak eylemlere hızlı erişim için öğeler veya düğmelerden oluşan bir araç çubuğunu göstermek için kullanılır.

md-slider, bir aralık bileşenini göstermek için bir Angular yönergesi kullanılır. İki modu vardır -

• normal- Kullanıcı çok çeşitli değerler arasında geçiş yapabilir. Varsayılan.

• discrete- Kullanıcı seçili değerler arasında geçiş yapabilir. Ayrık modu etkinleştirmek için md-ayrık ve adım niteliklerini kullanın.

md-tabs ve md-tabAçısal yönergeler, uygulamadaki sekmeleri göstermek için kullanılır. md-tabs, md-tab öğeleri için gruplama kapsayıcısıdır.

md-toolbarAçısal yönergeler, normalde başlığı ve ilgili düğmeleri göstermek için içeriğin üzerindeki bir alan olan bir araç çubuğunu göstermek için kullanılır.

Angular Material, kullanıcılara göze batmayan araç ipuçlarını göstermek için çeşitli özel yöntemler sağlar. Angular Material, onlara yön atamanın yollarını sağlar ve araç ipuçlarını göstermek için md-tooltip yönergesi kullanılır. Kullanıcı ana bileşene odaklandığında, üzerine geldiğinde veya ona dokunduğunda bir araç ipucu etkinleşir.

md-chips, bir Açısal Yönerge, Çip adı verilen özel bir bileşen olarak kullanılır ve örneğin, bir kişi, etiketler vb. gibi küçük bir bilgi kümesini temsil etmek için kullanılabilir. Bir yonganın içeriğini oluşturmak için özel şablon kullanılabilir. Bu, özel içeriğe sahip olan bir md-çip şablon elemanının md-çiplerinin alt öğesi olarak belirtilmesiyle elde edilebilir.

md-contact-chips, bir Açısal Yönerge, md çipleri üzerine kurulu bir giriş denetimidir ve md-autocompleteöğesi. Temas çipi bileşeni, olası kişilerin bir listesini döndüren bir sorgu ifadesini kabul eder. Bir kullanıcı bunlardan birini seçebilir ve mevcut çipler listesine ekleyebilir.