2017-02-15 52 views
0

我想angularjs路由在我的MVC应用程序整合......在这一刻我已经写了没有关于角路由代码...我刚才添加的标签当我添加基础标签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 } 
    ); 
} 

,当我浏览一个网址在该地区,应用程序在循环中。

例如,当我浏览/Servizi/Cpe,调试汽车无停在了Index行动CpeController的:

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

这是结果:

enter image description here

这就像页面不止一次显示。

为什么?你能帮我吗?

回答

0

我已经解决了......问题是,在页面中我有一个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和angular经常不能很好地工作。 所以我最喜欢移动到角材料。我用角材选项卡替换了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>