pestañas con angular: cargando contenido de pestañas al hacer clic solo con $ http

Tengo formularios grandes con una gran cantidad de datos, así que me gustaría pestañas con trozos de datos para cada pestaña.

Me gustaría que el contenido de la pestaña se cargue de forma perezosa al hacer clic en el título de la pestaña, y luego no es necesario volver a cargarlo cuando se seleccione más tarde.

Creo que este ejemplo va en la dirección de lo que quiero:Pestañas de la interfaz angular que cargan la plantilla en el contenido de la pestaña

pero esto parece cargar una plantilla estática:

<tabs>
    <pane active="pane.active"
          heading="{{pane.title}}"
          ng-repeat="pane in panes">
        <div ng-include="pane.content"></div>
    </pane>
</tabs>

¿Cómo puedo cargar el contenido del panel dinámicamente con $ http.get ()? Nota: esta ya es una página cargada a través del enrutamiento ng-view, así que no puedo hacer enrutamiento anidado.

EDITAR: El contenido es bastante diferente para cada pestaña, así que idealmente proporcionaría una función y una plantilla para cada pestaña o algo así ...

Supongo que angular-ui es una buena manera de hacer esto?

Respuestas a la pregunta(2)

Su respuesta a la pregunta