Quand j'ajoute une balise de base MVC routage passe en boucle

Question

Je veux intégrer AngularJS routage dans mon application ... mvc En ce moment, je l'ai écrit pas de code sur le routage angulaire ... Je venez d'ajouter le tag

<base href="/" /> 

Et je cours mon application MVC ... Il a cessé de fonctionner.

Voici comment j'ai configuré mon routage MVC:

public static void RegisterRoutes(RouteCollection routes) 
{ 
    routes.IgnoreRoute("{resource}.axd/{*pathInfo}"); 

    routes.MapRoute(
     name: "Default", 
     url: "{controller}/{action}/{id}", 
     defaults: new { controller = "Home", action = "Index", id = UrlParameter.Optional } 
    ); 
} 

J'ai aussi une zone Services et le routage est configuré int cette façon:

public override void RegisterArea(AreaRegistrationContext context) 
{ 
    context.MapRoute(
     "Services_default", 
     "Servizi/{controller}/{action}/{id}", 
     new { action = "Index", id = UrlParameter.Optional } 
    ); 
} 

Quand je navigue une url dans la région , l'application oges en boucle.

Par exemple lorsque je navigue /Servizi/Cpe, debug arrête continously sur la l'action Index du CpeController:

public class CpeController : Controller 
{ 
    // GET: Services/Cpe 
    public ActionResult Index() 
    { 
     return View(); 
    } 
} 

Et ceci est le résultat:

Il est comme la page est montré plus d'une fois.

Pourquoi? Pouvez-vous m'aider s'il vous plaît?

Answer 1

J'ai résolu ... Le problème est que dans la page j'ai eu un onglet jQuery ... donc j'ai eu quelques href ensemble à #:

<div ......> 
    <ul> 
     <li><a href="#tab-models">Modelli</a></li> 
     <li><a href="#tab-info">Info</a></li> 
    </ul> 

    <div id="tab-models"> 
     ... 
    </div> 

    <div id="tab-info"> 
     ... 
    </div> 
</div> 

Ceux qui créent un problème href quand étiquette de base est ensemble. Dans ma courte expérience, j'ai compris que souvent jQuery et angulaire ne fonctionne pas bien togheter. J'ai donc préféré passer à un matériau angulaire. J'ai remplacé l'onglet jQuery par un onglet de matériau angulaire:

<div id="cpes" class="tabs" ng-cloak> 
    <md-content> 
     <md-tabs md-dynamic-height md-no-pagination> 
      <md-tab label="Modelli"> 
       <md-content> 
        ... 
       </md-content> 
      </md-tab> 
      <md-tab label="Info"> 
       <md-content> 
        ... 
       </md-content> 
      </md-tab> 
     </md-tabs> 
    </md-content> 
</div>