Can Örtü (4) Açısal Malzeme (2) ile birlikte entegre edilebilir mi?

Question

Angular Material 2 kitaplığını, (büyüyen liste) bileşenleri nedeniyle kullanmak istiyorum. Ama ben önyükleme için kullanılır ve tipik şeyler için duyarlı yardımcı programlar ve hafif UI gibi güzeller. Bootstrap ile Çoğunlukla CSS bölümünü kastediyorum, neredeyse hiçbir zaman JS işlevine gerek duymuyorum.

Örneğin, Materyal içinde, liste grubu için hemen hemen sıfır stil vardır, Bootstrap bunu css ile verir.

Onları birleştirmenin, genel uygulama genel stilleri çakışacakları için iyi bir fikir olmadığını okumayı hatırlıyorum. Bu kaynağı bulamıyorum ve merak ediyorum - şu anki sürümlerle doğru mu? Eğer öyleyse, tam olarak ne çatışan ve nasıl işlenebilir? Bunun birçok süslü nice to have özellik beklememelisiniz, henüz ama uzun vadede üzerinde senin içinde açısal uygulamasını Material 2 kullanarak avantaj sürü var bu yüzden

Answer 1

Angular Material 2 hâlâ aktif geliştirme yeni kütüphanesidir.

Bileşen Geliştirme Kiti Material 2 takım Material 2 için bir çekirdek ve aynı zamanda geliştiricilerin kendi üçüncü taraf bileşenlerini yazmak için büyük bir zemin verir @angular/cdk tanıtıldı son sürümlerde

: İşte bazı bakıştır. Henüz @angular/cdk üzerinde çok fazla doküman yok, ancak bu konuda güncel tutmak için bu sorunu https://github.com/angular/material2/issues/2789 izleyebilirsiniz.

Duyarlı goddies

Duyarlı goddies verir Material 2 hiçbir yerleşik işlevi yoktur

. Bu konuda @angular/flex-layout'u kullanmanız gereken şey Material 2'dan tamamen farklıdır - temel olarak Flexbox CSS'un üstünde güzel bir soyutlamadır. Bunu kullanarak, yanıt veren css mediaQueries grubunu kendiniz yazmanız gerekmez. IE11 +
Bootstrap 4 IE10 +
Bootstrap 3 IE8 +

Önyükleme + Malzeme:

Tarayıcılar

Material 2

destekliyor?

İki ağır ön uç çerçevesine başvuruda bulunduğunuz paketlerin toplam boyutu hakkında düşünürseniz, uygulamanızda her iki Çerçeveyi birleştirmek için bir neden yoktur. Aynı zamanda, bu durumda, aynı projede de ortaya çıkabilecek çatışmaları önemsemelisiniz. Kuncevic cevabı doğru iken

Answer 2

, biz de şu eklemek gerekir düşünüyorum:

• Eğik Malzeme örtük geçersiz kılınması/yenilediğini DOM elemanları
  Bootstrap değilken. Yani Bootstrap'te, gördüğünüz
  görüyorsunuz, Açısal Materyalde iken, bazı öğeler otomatik olarak işlenir. Bu yüzden, ikisini birleştirmek için, 'u bile isteyebilirsiniz. Ekleme, Açısal view encapsulation karışımı, şeyler bile daha da dağınık olsun.
• İşbirliği için yer gördüğüm tek bölüm ızgarada.
  , geri kalanlar için Izgara ve Açısal Malzeme için Bootstrap'i kullanabilir, ancak Angular Flex Düzeninde (Kunsevic'in daha önce bahsedildiği gibi) gerçekten ihtiyacınız yoktur. Orada küçük bir öğrenme eğrisi var, ama Açısal kullanırsanız buna değer.
• Bootstrap'in CSS'si Angular Material's CSS ile çakışıyor. birlikte kullanıldığında, kayan düğmeler içindeki simgeler gibi belirli öğelerin doğru ortalanmadığını fark ettim. Bu, zorlu bir düzeltme olmamalı, ancak Angular Flex'i kullanabildiğiniz zaman neden rahatsız oluyorsunuz?

Yardım budur.