BitcoinAverage api

BitcoinAverage api.markdown

BitcoinAverage api

Easy way to use md-icon with FontAwesome fonts. Adjust colors, sizes, styles, etc...

Forked from Thomas Burleson's Pen Using md-input.

A Pen by y12 on CodePen.

License.

index.html

<div class="textFieldDemo1">
<div ng-app="demoApp" ng-controller="DemoController" layout="column">
  <md-icon md-font-icon="fa-btc" class="fa s32 md-primary md-hue-2"></md-icon>
  <md-button class="md-primary md-hue-2">
    BTCTWD={{foo}}
  </md-button>
</div>
</div>

script.js

angular
  .module('demoApp', ['ngMaterial','ngResource'])
  .controller("DemoController", function($scope, $resource){ 
      $scope.foo = 0;
      // XMLHttpRequest cannot load https://api.maicoin.com/v1/prices/TWD. No 'Access-Control-Allow-Origin' header
      // var Maicoin = $resource('https://api.maicoin.com/v1/prices/:id');
      // var r = Maicoin.get({id:'TWD'});
      var Bitavg =  $resource('https://api.bitcoinaverage.com/ticker/global/:id');
      Bitavg.get({id:'TWD'},function(r){
        console.log(r);
        $scope.foo = r.last;
      });
});

scripts

<script src="http://cdnjs.cloudflare.com/ajax/libs/hammer.js/1.1.3/hammer.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-animate.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-aria.js"></script>
<script src="http://rawgit.com/angular/bower-material/master/angular-material.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-resource.js"></script>

style.css

md-icon {
  padding: 40px;
}

.s64 {
  font-size: 64px;
}

.s32 {
  font-size: 48px;
}

md-icon.fa {
  display: block;
  padding-left: 0px;
}

md-icon.s32 span {
  padding-left: 8px;
}

styles

<link href="http://rawgit.com/angular/bower-material/master/angular-material.min.css" rel="stylesheet" />
<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.css" rel="stylesheet" />