AngularJS: Componentes CRUD

Neste guia oficial angular https://docs.angularjs.org/guide/component , parte Exemplo de uma árvore de componentes , estava faltando o C do CRUD. Não consegui encontrar nenhum tutorial sobre isso, então vim com essa dica. 😉

Aqui está o plunker para o qual estendi o código original: https://plnkr.co/edit/tT3hsrW4lrSnX6w01WAW?p=options

Basicamente, é apenas isso em JS:

  function HeroListController() {
      var ctrl = this;

      ctrl.list = [];

      ctrl.createHero = createHero;

      function createHero(){
          ctrl.list.push({
              name : 'Crazy Newling',
              location: 'Morgues'
          })
      }        
   }
})();

E então HTML:

<b>Heroes</b><br>
<hero-detail ng-repeat="hero in $ctrl.list" hero="hero"></hero-detail>
<button ng-click="$ctrl.createHero()">Hire a new Hero</button>