AngularJS -Почему не заменяет :true work свойством templateUrl?

У меня есть довольно простая директива, согласно которой я хочу загрузить шаблон из отдельного HTML-файла. Я хочу, чтобы HTML заменил директиву, поэтому я добавляю к директиве свойство replace: true. Однако, когда я это делаю, шаблон вообще не включается.

Я создал jsFiddle , где вы можете это увидеть. Если вы используете Firebug или что-то еще для проверки DOM, вы можете увидеть, что когда он использует только свойство template, он заменяет элемент. Если вы удалите replace: true, вы увидите, что HTML в templateUrlдобавляется к элементу foo. Однако, как только я добавляю replace: trueк templateUrl, все, что я вижу, это в DOM.

Есть ли какая-то причина, по которой вы просто не можете использовать эти два свойства вместе? Я далек от эксперта по javascript, поэтому буду очень признателен за любую информацию о том, что здесь происходит.