Comment charger MVC Vue Partielle et garder Angular JS de travail

Comment dois-je charger mvc partielle de la vue et de garder Angular JS de travail.
Angular JS fonctionne bien après que j'ai rendu la mise en page, mais si je charge une vue partielle dans la mise en page, Angular JS ne fonctionne plus dans les partiels.
Je suppose que c'Angulaire du moteur n'est pas la compilation de la ng - directives après que j'ai injecter de l'HTML dans les DOM.

Comment avez-vous injecter de l'HTML?
La question est similaire à stackoverflow.com/questions/18312523/...
J'ai d'abord été l'injection à l'aide de jQuery $('#id').html(data), puis j'ai changé angulaire.element('#id').html(data). Aussi essayé de compiler var element = angulaire.élément(data); $compiler(élément)($champ); angulaire.élément("#id").html(élément);
Yeap merci, j'ai déjà pris un coup d'oeil sur ce post, malheureusement, il n'était pas utile dans ma situation

OriginalL'auteur arnoldrob | 2015-05-08

  1. 3

    Au lieu d'injecter de l'HTML manuellement. L'être par la angular.element.html ou $().html. Essayez d'utiliser une des méthodes suivantes, angulaire approuvé, options:

    • Un moteur de routage comme ngRoute ou ui-router. Le moteur peut inclure un modèle qui est rendu par le backend.
    • La ngInclude directive. De cette façon, vous pouvez inclure des modèles HTML directement.
    • Écrire un la coutume de la directive qui injecte de votre code HTML.

    Parce que ce sont des AngularJS des méthodes respectueuses, Angulaire sera effectivement analyser le code HTML et lier les valeurs à l'intérieur de la nouvellement chargée HTML.

    Les deux de cette méthode sont assez difficiles à mettre en œuvre à ce stade. c'est un ASP.NET MVC de l'application avec le menu configurable. Afin de routage sera très difficile à mettre en œuvre sur le côté client et également des modèles. Désolé. Toute autre ideea? 😀
    Je suis en supposant que vous êtes de faire une requête HTTP GET à la .NET backend qui à son tour renvoie HTML pour AngularJS. Au lieu de faire la demande vous-même avez la ngInclude directive (native dans AngularJS) résoudre le code HTML pour vous. Vous pouvez lier la src à une variable de sorte que vous pouvez passer le inclus HTML. Pour plus d'informations voir cette réponse: stackoverflow.com/a/21860569/2637098
    J'ai essayé quelque chose comme ceci <div ng-include=""{selectedUrl}"></div>, et la sélection d'un menu spécifique affecter l'url $champ d'application.selectedUrl. Ce n'est pas de travail. Suis-je obtenir cette approche worng?
    utiliser une méthode de retour selectedUrl (getSelectedUrl peut-être?) de la directive. Cela va déclencher un $s'appliquent lorsque selectedUrl est changé. Qui à son tour devrait actualiser le contenu.
    Hmmm, n'a pas l'obtenir.

    OriginalL'auteur Maarten Bicknese

  2. 0

    D'une réponse de ici

    Je pense que vous pouvez avoir besoin de compiler chaîne HTML ou DOM dans un modèle.

    Plus d'informations, veuillez consulter:

    $compiler

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

    Il y a quelques fils qui peuvent vous aider à:

    AngularJS - création dynamique d'éléments qui précisent les directives

    AngularJS - création dynamique d'éléments qui précisent les directives

    Lier Angularjs nouvellement créés élément html dynamiquement

    Lier Angularjs nouvellement créés élément html dynamiquement

    OriginalL'auteur kanchirk