(function() {
  'use strict';
  
  angular
    .module('heroApp', [])
    .controller('MainCtrl', function MainCtrl() {
      this.hero = {
        name: '张三'
      }
    })
   .component('heroDetail', {
      template: `
      <span>{{$ctrl.hero.name}} </span>
      `,
      bindings: {
        hero: '<'
      }
    })
  
})();