2015-06-23 7 views
8

मैंने कोणीय सामग्री साइट में दी गई डेमो का पालन किया है। https://material.angularjs.org/latest/#/demo/material.components.menuएफएबी स्पीड डायल और सरल ड्रॉपडाउन मेनू काम नहीं कर रहा

मुझे ऐसी समस्या का सामना करना पड़ रहा है जहां सरल ड्रॉपडाउन मेनू और स्पीड डायल केवल स्थैतिक हैं और इनसाइट नहीं हैं।

यह पता लगाना प्रतीत नहीं होता कि मैं क्या खो रहा हूं।

<div layout="column"> 
    <md-content class="md-padding" layout="column"> 
    <div class="lock-size" layout="row" layout-align="center center"> 
     <md-fab-speed-dial md-open="false" md-direction="up" 
         ng-class="md-fling"> 
     <md-fab-trigger> 
      <md-button aria-label="menu" class="md-fab md-warn"> 
      <i class="fa fa-car"></i> 
      </md-button> 
     </md-fab-trigger> 
     <md-fab-actions> 
      <md-button aria-label="twitter" class="md-fab md-raised md-mini"> 
      <i class="fa fa-car"></i> 
      </md-button> 
      <md-button aria-label="facebook" class="md-fab md-raised md-mini"> 
      <i class="fa fa-car"></i> 
      </md-button> 
      <md-button aria-label="Google hangout" class="md-fab md-raised md-mini"> 
      <i class="fa fa-car"></i> 
      </md-button> 
     </md-fab-actions> 
     </md-fab-speed-dial> 
    </div> 
    </md-content> 
</div> 

उत्तर

19

मैंने <md-fab-speed-dial> टैग पर class पर विशेषता को बदल दिया, और यह अब काम करता है। this link from the Angular Material site पर एक नज़र डालें।

आपके मामले में, आप होना चाहिए:

<md-fab-speed-dial md-open="false" md-direction="up" class="md-fling"> 
+0

यह मेरे लिए चाल है। धन्यवाद! – ArjaaAine

1

समस्या कोणीय संसाधनों के पुराने संस्करण के कारण हो रही थी।

+0

अद्यतन कोणीय सामग्री में नए सीएसएस तोड़ दिया मेरी लेआउट के सभी, मुझे लगता है कि मैं सिर्फ अपने ही स्पीड डायल का निर्माण या अपनी संपूर्ण वेब अनुप्रयोग के पुनर्निर्माण के लिए होगा स्क्रैच से:/ –

संबंधित मुद्दे