Inplace Editor directive

gistfile1.html

<!--
 PROBLEM: Inplace Editor directive has too many responsibilities.
-->

<inplace-editor
  ined-type="select2"
  ined-entity="workPackage"
  ined-attribute="assignee"
  ined-attribute-embedded="false">
</inplace-editor>

<!--
 SOLUTION:
 * create an inplace wrapper component, that transcludes component.
 * for the frequent HTML/text-editing use-case, create a seperate component.
-->

<inplace-html-editor
  ined-entity="workPackage"
  ined-attribute="subject">
</inplace-editor>

<inplace-editor
  ined-entity="workPackage"
  ined-attribute="assignee"
  ined-attribute-embedded="false">
  <select ng-model="$inplace.value"
    ng-options="item.href as item.title for item in $inplace.options">
  </select>
</inplace-editor>

I'd rather create a separate component for each case like inplace-{{type}}-editor