При добавлении базы тегов MVC маршрутизация идет на петле

Question

Я хочу, чтобы интегрировать angularjs маршрутизации в моем приложении MVC ... В этот момент я не писал никакого кода о угловой маршрутизации ... Я просто добавил тег

<base href="/" /> 

И я запускаю свое приложение MVC ... Он перестает работать.

Вот как я настроил мой 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 } 
    ); 
} 

Я также Services область и маршрутизация настроена INT таким образом:

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

Когда я навигации URL в области , приложение переходит в цикл.

Например, когда я провожу /Servizi/Cpe, отладка останавливается непрерывно на в Index действия CpeController:

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

И это результат:

Это как страница показаны несколько раз.

Почему? Не могли бы вы мне помочь?

Answer 1

я решил ... проблема в том, что на странице я имел вкладку JQuery ... так что я имел некоторые href набор для #:

<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> 

Те HREF создают некоторые проблемы, когда базовый тег задавать. В моем коротком опыте я понял, что часто jQuery и угловые не работают хорошо. Так что я предпочел перейти к угловому материалу. Я заменил вкладку jQuery вкладкой углового материала:

<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>