HTML-шаблон с angularJS

Question

У меня был код, который я написал в javascript и html.Я пытаюсь переместить его в angularjs и поместить его в свой контроллер.ListAlbum работает, но не с угловыми md-кнопками или какими-либо угловыми в возвращаемом getHtml ([]).Как бы заставить его работать с угловыми компонентами

$scope.listAlbums = function() {
  function getHtml(template) {
    return template.join('\n');
  }
  s3.listObjects({Delimiter: '/'}, function(err, data) {
      var albums = data.CommonPrefixes.map(function(commonPrefix) {
      var prefix = commonPrefix.Prefix;
      var albumName = decodeURIComponent(prefix.replace('/', ''));
      return getHtml([
        '<span>',
          '<md-button ng-click="viewAlbum(\'' + albumName + '\')">', albumName, '</md-button>',
        '</span>'
      ]);
      });
      var htmlTemplate = [
        '<ul>',
          getHtml(albums),
        '</ul>',
      ]
      document.getElementById('app').innerHTML = getHtml(htmlTemplate);
  });
  }

$scope.viewAlbum = function(albumName) {

 // some function
}