क्या कोई मेरी मदद कर सकता है कि मैं नीचे की तरह कोणीय सामग्री संवाद को कैसे कम कर सकता हूं? मैं कई संवाद खोलना चाहता हूं और उनके बीच स्विच करने में सक्षम हूं। क्या यह कोणीय सामग्री में संभव है (मैं केवल सामग्री संवाद घटक का उपयोग करके स्टैक्ड संवाद खोलने में सक्षम था)? यहां छवि विवरण दर्ज करें

2
Krishna 24 जुलाई 2018, 22:53
कोणीय सामग्री में कोई न्यूनतम संवाद सुविधा नहीं है।
 – 
Reactgular
24 जुलाई 2018, 22:57
1
Dialogs का कभी भी उस तरह से मटीरियल डिज़ाइन का उपयोग नहीं किया जाता है। वे केवल खुलते और बंद होते हैं - और कभी भी छिपते या कम नहीं करते हैं। आप एक ऐसे घटक की तलाश कर रहे हैं जो कोणीय सामग्री में मौजूद नहीं है - दृष्टि से निकटतम चीज होगी स्नैक बार, लेकिन उनका भी कभी इस तरह उपयोग नहीं किया जाता है। आप इसे करने के लिए स्नैक बार को हैक करने में सक्षम हो सकता है - अन्यथा आप अपना स्वयं का कस्टम घटक बनाने पर विचार कर रहे हैं।
 – 
G. Tranter
25 जुलाई 2018, 00:51
एंगुलरजेएस या एंगुलर? Google फ़ॉन्ट्स AngularJS सामग्री के साथ बनाया गया है, लेकिन आपके प्रश्न में angular टैग है।
 – 
Edric
25 जुलाई 2018, 05:29
इसका कोणीय। मैं गूगल फोंट वेबसाइट से प्रेरित था और इसी तरह की आवश्यकता थी। तो जाँच कर रहा था कि क्या यह संभव था।
 – 
Krishna
25 जुलाई 2018, 05:36
आप एक ओवरले का उपयोग करने का प्रयास कर सकते हैं।
 – 
Edric
25 जुलाई 2018, 10:29

2 जवाब

मुझे लगता है कि आपको Codesandboxया स्टैकब्लिट्ज। साथ ही मौजूदा और अनुरक्षित आधिकारिक पुस्तकालय को अनुकूलित करना आमतौर पर इतना सुविधाजनक नहीं होता है। इसके बजाय मैं आपको उनके द्वारा बनाए गए एक अन्य नए घटक में डेटा पास करने का सुझाव दूंगा, जिसे bottom-sheet कहा जाता है।.

जोड़ा/संपादित:

आप कम से कम रखने के लिए घटक का उपयोग कर सकते हैं, फिर:

  • अंततः बंद कार्यक्षमता को अक्षम करें।
  • इसे किनारे पर रखें या क्षैतिज लेआउट पर स्विच करें
  • तो आप इसके ऊपर एक संशोधक वर्ग जोड़ सकते हैं

उदाहरण:

.mat-bottom-sheet-container--horizontal .mat-nav-list { 
  display: flex
}

.mat-bottom-sheet-container--horizontal .mat-list-item {
  height: 45px;
  background-color: rgba(0,0,0,0.1);
  margin: 0 12px;
  padding: 0 12px;
}

जाहिर है आपको उन्हें बंद/निकालने के लिए भी बटन लागू करने की आवश्यकता है।

0
Giuseppe Leo 25 जुलाई 2018, 10:05
मैंने उस घटक को देखा जिसमें न्यूनतम क्षमता नहीं है
 – 
Krishna
25 जुलाई 2018, 05:41
घटक ही न्यूनतम है, तो आपको 2 के बीच संचार का निर्माण करना होगा। यदि आप एक क्षैतिज लेआउट पर स्विच करना पसंद करते हैं, तो आप इसके ऊपर एक संशोधक जोड़ सकते हैं, जैसे: .mat-bottom-sheet-container--horizontal .mat-nav-list { display: flex } स्पष्ट रूप से आपको इसकी आवश्यकता है उन्हें बंद करने/निकालने के लिए बटन भी लागू करें।
 – 
Giuseppe Leo
25 जुलाई 2018, 09:56
सुझाव के लिए धन्यवाद। मैं इसे लागू करूंगा और देखूंगा।
 – 
Krishna
25 जुलाई 2018, 14:51

एक कोणीय 2 सामग्री पॉपअप बनाया जिसे कम से कम किया जा सकता है https://stackblitz.com/edit/angular-matminidialog

अवधारणा के अनुसार: 1. यह एक कंटेनर सरणी में एक पॉपअप के आवश्यक तत्वों को एकत्र करता है कंटेनर = [{बटन लेबल: "फर्स्ट", डायलॉग आईडी: 0, एनिमल: "कैट"}];

  1. डायलॉग बंद करने पर, यह.dialogRef.close का उपयोग करता है ताकि डेटा का एक ऑब्जेक्ट वापस लौटाया जा सके

  2. एक नई आईडी जोड़ी जाती है और डायलॉग आईडी (एक नई संपत्ति) के रूप में दी जाती है

0
Anish Kutti 22 जून 2019, 16:26