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

답변

관련 문제