Estoy tratando de aprender AngularJS y estoy tratando de compilar dinámicamente algunos elementos DOM ... He probado la demostración:

try {
        var templateHTML = angular.element('<p>{{total}}</p>'),
            scope = ....;

        var clonedElement = $compile(templateHTML)(scope, function(clonedElement, scope) {
          //attach the clone to DOM document at the right place
        });

        //now we have reference to the cloned DOM via `clone`
} catch (ex) {
alert(ex.message);
}

pero todo lo que recibo es un "$ compile no está definido"

¡AYUDA!