在angular2中使用锚标记的同一页面路由

Question

我在我的 angular2 应用程序中实现了 swagger-ui(swagger-ui.js)。当它被渲染并且我点击任何 link(#!users/get_user) 它路由到 link 而不是滚动到那个 div.

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 的 link 正在路由，但包含 data-id 的 link 工作正常。我怎样才能阻止那些 link.

的路由

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

Answer 1

我修好了。我大摇大摆地变了-ui.js.

我将点击时导致路由的元素的 href 更改为 href=""。

这是一种解决方法，但目前有效。 :)

在angular2中使用锚标记的同一页面路由

same page route using anchor tag in angular2

swagger-ui

angular2-routing

angular