2015-06-23 18 views
8

Tôi đã theo dõi bản trình diễn như được đưa ra trong vùng tài liệu góc. https://material.angularjs.org/latest/#/demo/material.components.menuQuay số nhanh FAB và menu thả xuống đơn giản không hoạt động

Tôi đang gặp phải sự cố trong đó các menu thả xuống đơn giản và quay số nhanh chỉ tĩnh và không initalized.

Dường như không biết tôi đang thiếu gì.

<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> 

Trả lời

19

Tôi đã thay đổi thuộc tính ng-class trên thẻ <md-fab-speed-dial> thành chỉ đơn giản là class và hiện hoạt động. Hãy xem this link from the Angular Material site.

Trong trường hợp của bạn, bạn nên có:

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

Điều này đã làm cho tôi. Cảm ơn! – ArjaaAine

1

Sự cố đã xảy ra do phiên bản lỗi thời của tài nguyên góc.

+0

CSS mới trong vật liệu góc cập nhật đã phá vỡ tất cả các bố trí của tôi, tôi nghĩ rằng tôi sẽ phải chỉ xây dựng quay số nhanh của riêng tôi hoặc xây dựng lại toàn bộ ứng dụng web của tôi từ đầu:/ –

Các vấn đề liên quan