Почему я не могу добавить 2 элемента директивы на мою страницу как братьев и сестер?
Пример 1 (показывает только 1 элемент):
<p>
<add-item type="widgeta" />
<add-item type="widgeta" />
</p>
Пример 2 (показаны оба элемента):
<p>
<span>
<add-item type="widgeta" />
</span>
<span>
<add-item type="widgetb" />
</span>
</p>
В моем шаблоне директивы addItem есть 1 элемент корневого уровня:
<span>
<a href="#" class="button"
ng-cloak
...
ng-class="{'disabled': !isInitialized}">{{getTitle(itemType)}}</a>
<script type="text/ng-template" id="_addItem.chtml">
...
</script>
</span>
Почему мне нужно обернуть мои директивы в span для того, чтобы они оба отображались?