AdminLTEDのアイコン付きmd-button

AdminLTEのアイコンを自分のmd-buttonに追加する方法は？AdminLTEDのアイコン付きmd-button

私が持っている：

<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="angular-ani[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-button

答えて

関連する問題