Ich habe wirklich Probleme damit - ich habe alles versucht, was ich mir vorstellen kann. Hoffentlich kann jemand helfen.

Ich habe eine Direktive, die den Umriss eines benutzerdefinierten Steuerelements für mich erstellt. Der zentrale Teil des benutzerdefinierten Steuerelements soll durch eine weitere dynamisch generierte Direktive dargestellt werden, die auf dem Wert einer Bereichsvariablen in der äußeren Direktive basiert. Die Bereichsvariable enthält den Namen der inneren Direktive. Ich mache das, weil meine Seite mehrere dynamisch generierte Elemente mit einem gemeinsamen Layout, aber unterschiedlichen inneren Inhalten enthält.

ein Beispiel für meine äußere Direktive:

<div data-inner="{{inner}}">
    <!-- div content here --->
<div {{inner}} />

{{inner}} wird auf den Namen einer weiteren Direktive gesetzt - in diesem Fallsearch. Meine Seite sollte daher werden:

<div data-inner="search">
    <!-- div content here --->
<div search />

mitsearch auf der unteren div wird auch durch den Inhalt dieser Richtlinie ersetzt.

Irgendwelche Ideen?

AKTUALISIEREN Ist hier ein grundlegendesjsFiddle stellvertretend für das Problem, das ich habe - beachten Sie, dass der dritte Div nicht angezeigt wird.