50 lines
940 B
JavaScript
50 lines
940 B
JavaScript
/*!
|
|
* Angular Material Design
|
|
* https://github.com/angular/material
|
|
* @license MIT
|
|
* v0.7.0-rc3
|
|
*/
|
|
(function() {
|
|
'use strict';
|
|
|
|
/*
|
|
* @ngdoc module
|
|
* @name material.components.icon
|
|
* @description
|
|
* Icon
|
|
*/
|
|
angular.module('material.components.icon', [
|
|
'material.core'
|
|
])
|
|
.directive('mdIcon', mdIconDirective);
|
|
|
|
/*
|
|
* @ngdoc directive
|
|
* @name mdIcon
|
|
* @module material.components.icon
|
|
*
|
|
* @restrict E
|
|
*
|
|
* @description
|
|
* The `<md-icon>` directive is an element useful for SVG icons
|
|
*
|
|
* @usage
|
|
* <hljs lang="html">
|
|
* <md-icon icon="/img/icons/ic_access_time_24px.svg">
|
|
* </md-icon>
|
|
* </hljs>
|
|
*
|
|
*/
|
|
function mdIconDirective() {
|
|
return {
|
|
restrict: 'E',
|
|
template: '<object class="md-icon"></object>',
|
|
compile: function(element, attr) {
|
|
var object = angular.element(element[0].children[0]);
|
|
if(angular.isDefined(attr.icon)) {
|
|
object.attr('data', attr.icon);
|
|
}
|
|
}
|
|
};
|
|
}
|
|
})();
|