आप कोणीय सामग्री 2 के साथ घोंसला, ढहने वाला मेनू कैसे बनाते हैं?

Question

मैं एक साइडबार के भीतर नेस्टेड मेनू के लिए कोणीय Material2 के भीतर समर्थन की तलाश में हूं। शीर्ष स्तर आमतौर पर डिफ़ॉल्ट रूप से बंद हो जाएगा, और एक शीर्ष स्तर खोलने से नेस्टेड मेनू आइटम का पर्दाफाश होगा।

मैं इस एक प्रारंभिक बिंदु के रूप में समझ में बनाया सोचा है, लेकिन बच्चे एनएवी आइटम (खराब) प्रस्तुत करना माता पिता वस्तुओं के बाहर:

plnkr

<md-sidenav-container class="my-container"> 
    <md-sidenav #sidenav class="my-sidenav"> 
    <md-list> 
     <md-list-item> 
      <h3 md-line> First Parent </h3> 
      <md-nav-list> 
      <a md-list-item href="#">First Child</a> 
      <a md-list-item href="#">Second Child</a> 
      <a md-list-item href="#">Third Child</a> 
      </md-nav-list> 
     </md-list-item> 
     <md-list-item> 
      <h3 md-line> Second Parent </h3> 
      <md-nav-list> 
      <a md-list-item href="#">First Child</a> 
      <a md-list-item href="#">Second Child</a> 
      </md-nav-list> 
     </md-list-item> 
    </md-list> 
    </md-sidenav> 
    <div class="my-container"> 
    <button md-button (click)="sidenav.open()">Open</button> 
    </div> 
</md-sidenav-container> 

किसी के साथ साइडबार मेनू इस तरह बनाया गया है @ कोणीय/सामग्री?

Answer 1

दुर्भाग्य से, अब तक, सामग्री डिज़ाइन लाइब्रेरी जो भी आप चाहते हैं उसे करने के लिए कोई उपकरण प्रदान नहीं करती है।

एक बार यह निकलने के बाद, आप जो चाहते हैं उसे प्राप्त करने के लिए tree घटक का उपयोग करने में सक्षम हो सकते हैं। अन्यथा, आपको खुद को बनाने के लिए देखना चाहिए। मैंने स्वयं ऐसा किया है (दुर्भाग्य से मालिकाना कोडबेस में) और मुझे विशिष्ट प्रश्नों के साथ मदद करने में खुशी होगी। मैंने नेस्टेड <md-list> एस, <button md-icon-button> एस और ऐसा करने के लिए कस्टम एनिमेशन का उपयोग किया।