tag IMG dentro da diretiva

Por que eu não poderia colocar a tag img aqui dentro??

-> img class="img-responsive center-block" src="{{foto.url}}

angular.module('minhasDiretivas', [])
    .directive('meuPainel', function() {

        var ddo = {};

        ddo.restrict = "AE";

        ddo.scope = {
            titulo: '@'
        };

        ddo.template = 
                '<div class="panel panel-default">'
            +   '   <div class="panel-heading">'
            +   '        <h3 class="panel-title text-center">{{titulo}}</h3> '
            +   '   </div>'
            +   '   <div class="panel-body">'
            +   '   </div>'
            +   '</div>'

        return ddo;
    });