Realmente luchando con esto, he intentado todo lo que puedo pensar. Con suerte, alguien puede ayudar.

Tengo una directiva que crea el esquema de un control personalizado para mí. La parte central del control personalizado debe representarse por una directiva adicional generada dinámicamente basada en el valor de una variable de alcance en la directiva externa. La variable de alcance contiene el nombre de la directiva interna. Estoy haciendo esto porque mi página tendrá múltiples elementos generados dinámicamente, todos con un diseño común pero contenido interno diferente.

es decir, un ejemplo de mi directiva exterior:

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

{{inner}} se establece en el nombre de una directiva adicional, en este casosearch. Por lo tanto, mi página debería ser:

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

consearch en el div inferior también se sustituye por el contenido de esa directiva.

¿Algunas ideas?

ACTUALIZAR Aquí hay un básicojsFiddle representando el problema que tengo - note que el tercer div no se muestra.