¿Cómo debo cargar mvc vistas parciales y mantener Angular JS de trabajo.
Angular JS está funcionando bien después de que me hacen el diseño, pero si me carga vistas parciales en el diseño, Angular JS ya no funciona en los parciales.
Supongo que Angular del motor no es la compilación de la ng – directivas después de que me inyecte el HTML en el DOM.

  • ¿Cómo se puede inyectar el código HTML?
  • La pregunta es similar a stackoverflow.com/questions/18312523/…
  • En primer lugar me estaba inyectando con jQuery $(‘#id’).html(data), luego he cambiado a angular.elemento(‘#id’).html(data). También trató de compilar var elemento = angular.elemento(datos); $compilar(elemento)($scope); angular.elemento(«#id»).html(elemento);
  • Yeap gracias, yo ya eché un vistazo más de ese post, por desgracia no ha sido útil en mi situación
InformationsquelleAutor arnoldrob | 2015-05-08

2 Comentarios

  1. 3

    Lugar de inyectar el código HTML manualmente. A través de angular.element.html o $().html. Trate de usar uno de los siguientes, angular aprobado, opciones:

    • Un motor de enrutamiento como ngRoute o de la interfaz de usuario del router. El motor puede incluir una plantilla que se representa por el backend.
    • La ngInclude directiva. De esta manera usted puede incluir plantillas HTML directamente.
    • Escribir un personalizado de la directiva que inyecta su código HTML.

    Debido a que estos son AngularJS amable métodos, Angular realmente analizar el HTML y obligar a los valores dentro de la recién cargada HTML.

    • Tanto de este método son bastante difíciles de implementar en este punto. es un ASP.NET aplicación MVC con la posibilidad de configurar el menú. Así que el enrutamiento va a ser muy difícil de implementar en el lado del cliente y también las plantillas. Lo siento. Cualquier otro ideea? 😀
    • Estoy asumiendo que usted está haciendo una solicitud HTTP GET a el .NET backend que a su vez devuelve un HTML con AngularJS. En lugar de hacer la solicitud de sí mismo tiene el ngInclude directiva (nativo en AngularJS) resolver el HTML para usted. Puede vincular el src de una variable puede cambiar el incluido HTML. Para obtener más información, consulte esta respuesta así: stackoverflow.com/a/21860569/2637098
    • Yo estaba tratando de hacer algo como esto <div ng-include=»»{selectedUrl}»></div> y la selección de un menú específico asignar la url a $scope.selectedUrl. Esto no está funcionando. Estoy haciendo este abordaje worng?
    • el uso de un método para devolver selectedUrl (getSelectedUrl tal vez?) a la directiva. Esto desencadenará una $aplican cuando selectedUrl es cambiado. Que a su vez se debe actualizar el contenido.
    • Hmmm, no lo consigue.
    • Al menos, estoy en el derecho de la pista? Me refiero al comentario anterior
    • Dar este plunker una prueba: plnkr.co/editar/T0dMb6g8txFXfu1oEL6X?p=vista previa
    • Es exaclty la forma en que hago eso. El problema es que en este caso se incluye un archivo html, y estoy tratando de incluir una dirección url que es una solicitud para el back-end. Y no estoy seguro si esto no es un problema.
    • tu ejemplo funciona ahora. Muchas gracias. Me puede ayudar con otro problema. plnkr.co/editar/3nLaPhiw7PflMmFl6eZ6?p=info ver esta plunker
    • angular deja de trabajar en la representación de la vista parcial
    • No estoy cerca de un equipo en las próximas tres horas. Así que no es mucha ayuda de mi lado. Supongo que podría tener que ver con el ámbito de aplicación. Mi sugerencia es tener una mirada a Juan Papas obstinado en la guía de estilo. La refactorización puede llevar algún tiempo, pero va a ser sin duda la pena.

  2. 0

    De una respuesta de aquí

    Creo que usted puede necesitar para compilar una cadena HTML DOM o en una plantilla.

    Obtener más información, consulte:

    $compilar

    https://docs.angularjs.org/api/ng/service/$compilar

    Hay algunos hilos que te pueden ayudar:

    AngularJS – de forma Dinámica en la creación de elementos que especificar directivas

    AngularJS – de forma Dinámica en la creación de elementos que especificar directivas

    Enlazar Angularjs para recién creado elemento html de forma dinámica

    Se unen Angularjs para recién creado elemento html de forma dinámica

Dejar respuesta

Please enter your comment!
Please enter your name here