如何使用Angular 2＆＃39;将新子项作为父项的第一个子项插入？ Renderer2？
给定<div> <span>Foobar</span> </div>我想在span之前插入一个元素，使其变为<div> <span>New element</span> <span>Foobar</span> </div>。
问题是我只能访问包含div而且我无法弄清楚如何“前置”＆＃39;新元素（如jQuery可以/将要这样做），或者找到父元素的第一个子元素，以便我可以使用渲染器中的insertBefore。
我尝试使用ContentChild获取第一个元素，但它提供了null，我想这是因为这一切都在指令中进行，我不知道＃39;不知道原生元素的内容。
用法是这样的;将图标标记添加为元素的第一个子元素的指令，例如<button myIconDirective>Foobar</button>应该变为<button myIconDirective><i class="icon-classes"></i>Foobar</button>。
这里有一个修补者，+ +目前在文本的错误一边:) http://plnkr.co/edit/mknH3yeTnFpepaIwmHUN