hello2 component

hello2.component.js

module.component('helloNavFetch', {
  controller: ['Me', function(Me) {
    var ctrl = this;
    this.$onInit = function () {
      ctrl.loading = true;
      Me.query().$promise.then(function (me) {
        ctrl.me = me;
        ctrl.loading = false;
      });
    };
  }],
  template: `<div class="section-nav">
      <h2 ng-if="!$ctrl.loading">Hello {{ $ctrl.me.first_name }} {{ $ctrl.me.last_name }}</h2>
      <h2 ng-if="$ctrl.loading">Hello <i class="fa fa-spin fa-spinner"></i></h2>
    </div>`
});