Как использовать `replace` определения директивы?

В этом документе:http://docs.angularjs.org/guide/directive говорит, что естьreplace конфигурация для директив:

шаблон - заменить текущий элемент содержимым HTML. Процесс замены переносит все атрибуты / классы из старого элемента в новый. См. Раздел «Создание компонентов» ниже для получения дополнительной информации.

код JavaScript

app.directive('myd1', function(){
  return {
    template: '<span>directive template1</span>',
    replace: true
  }
});

app.directive('myd2', function(){
  return {
    template: '<span>directive template2</span>',
    replace: false
  }
});

HTML-код

<div myd1>
  original content should be replaced
</div>
<div myd2>
  original content should NOT be replaced
</div>

Но последняя страница выглядит так:

directive template1
directive template2

Кажетсяreplace не работает Я что-то пропустил?

Живая демоверсия:http://plnkr.co/edit/rGIgmjO81X2UxJohL4HM?p=preview

Ответы на вопрос(4)

Ваш ответ на вопрос