帶AdminLTED圖標的md按鈕

如何將AdminLTE的圖標添加到我的md按鈕？帶AdminLTED圖標的md按鈕

我：

<md-button class="md-fab md-mini md-primary"></md-button>

來源

2016-12-12 new_user

是什麼我你想添加嗎？ – Sajeetharan

其中一個almsaeedstudio.com/themes/AdminLTE/pages/UI/icons.html如何添加類以便按鈕 –

upvote是否有幫助 – Sajeetharan

您可以參閱鏈接，字體真棒CSS做這樣的，

DEMO

angular.module('app', ['ngMaterial']) 
 
    .controller('AppCtrl', function($scope) { 
 

 
    });

<!DOCTYPE html> 
 
<html ng-app="app"> 
 

 
<head> 
 
    <meta charset="utf-8" /> 
 
    <title>AngularJS material-sidenav Plunker</title> 
 

 
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/angular-material/0.8.0/angular-material.css" /> 
 
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" /> 
 

 
    <script data-require="[email protected]" src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.13/angular.js" data-semver="1.3.0-rc.5"></script> 
 
    <script data-require="[email protected]" src="//code.angularjs.org/1.3.13/angular-aria.js" data-semver="1.3.0-rc.5"></script> 
 
    <script data-require="[email protected]" src="//code.angularjs.org/1.3.13/angular-animate.js" data-semver="1.3.0-rc.5"></script> 
 
    <script src="//cdnjs.cloudflare.com/ajax/libs/angular-material/0.8.0/angular-material.js"></script> 
 

 
    <script src="app.js"></script> 
 
</head> 
 

 

 
<body layout="horizontal" ng-controller="AppCtrl"> 
 
    <md-content> 
 
    <div > 
 
     <md-button class="md-fab md-mini md-primary" aria-label="Eat cake"> 
 
     <md-icon md-font-icon="fa fa-battery-three-quarters"></md-icon> 
 
     </md-button> 
 
    </div> 
 
    </md-content> 
 

 

 
</body> 
 

 

 
</html>

來源

2016-12-12 07:29:51 Sajeetharan

帶AdminLTED圖標的md按鈕

回答

相關問題