在angular2中使用锚标签的相同页面路由

我在我的angular2应用程序中实现了swagger-ui（swagger-ui.js）。当它被渲染时，我点击任何链接（＃！users/get_user）它会路由到链接而不是滚动到该div。在angular2中使用锚标签的相同页面路由

window['swaggerUi'] = new window['SwaggerUi']({ 
       spec: this.swaggerJson, 
       dom_id: "swagger-ui-container", 
       supportedSubmitMethods: ['get', 'post', 'put', 'delete'], 
       useJQuery: true, 
       onComplete: function() { 
        } 
        window['jQuery']('pre code').each(function (i, e) { 
         window['hljs'].highlightBlock(e) 
        }); 
       }, 
       onFailure: function (data) { 
        console.log("Unable to Load SwaggerUI"); 
       }, 
       docExpansion: "none", 
       sorter: "alpha" 
      });

包含href的链接是路由，但包含data-id的链接工作正常。我如何阻止这些链接的路由。

<a href="#!/users/get_users_userid" class="toggleOperation">Users</a> 
<!-- routes to that url(localhost:8080/#!/users/get_users_userid) --> 

<a href="#" class="expandResource" data-id="users">Expand Operations</a> 
<!-- it expands the div -->

来源

2017-03-18 abhy

我修好了。我改变了swagger-ui.js。

我将href更改为href =“”，用于单击时导致路由的元素。

这是一种解决方法，但它现在可行。 :)

来源

2017-04-10 08:25:37 abhy

在angular2中使用锚标签的相同页面路由

回答

相关问题