简体   繁体   English

带有AdminLTED图标的md-button

[英]md-button with icon from AdminLTED

How add icon from AdminLTE to my md-button? 如何将图标从AdminLTE添加到我的md按钮?

I have: 我有:

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

You can refer the link for font-awesome css and do like this, 您可以参考超棒的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="angular.js@1.3.13" src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.13/angular.js" data-semver="1.3.0-rc.5"></script> <script data-require="angular-aria@1.3.13" src="//code.angularjs.org/1.3.13/angular-aria.js" data-semver="1.3.0-rc.5"></script> <script data-require="angular-animate@1.3.13" 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> 

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM