Angular的ng include指令不适用于预期的链接

dri

假设我有一个链接

<a href="#one">Take me to one</a>

和一篇文章:

<article id="one"><h2>This is one</h2></article>

该链接将我带到该文章。但是在将这两行移动到单独的sep.html文件中并在我的主页(index.html)中包含sep.html之后,如下所示:

<div ng-include="'sep.html'"></div>

链接不再起作用。而且地址栏不会显示... / index.html#/ one而是显示... / index.html#/ one在地址栏中手动删除多余的“ /”可将我带到正确的位置。为什么会这样,我该如何解决呢?

dfsq

Angular侦听hashchange事件,并阻止默认的浏览器跳转至ID行为。告诉Angular不要对锚链接执行此操作的简单方法是使用target="_self"attribute:

<a href="#one" target="_self">Take me to one</a>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Angular的ng include指令不适用于预期的链接

来自分类Dev

Angular指令不适用于ng-repeat

来自分类Dev

ng-show / ng-hide / ng-if如果不适用于Angular指令

来自分类Dev

Angular 指令 ng-model 适用于数组但不适用于字符串

来自分类Dev

ng-repeat范围不适用于其中的指令

来自分类Dev

ng-click内部指令不适用于infowindow

来自分类Dev

Ng-Click不适用于Compile指令

来自分类Dev

ng-focus不适用于ng-include

来自分类Dev

ng-focus不适用于ng-include

来自分类Dev

Angular Translate指令不适用于ngMessage

来自分类Dev

Angular指令不适用于更改值

来自分类Dev

Angular.js set href不适用于指令

来自分类Dev

Angular Strap-警报不适用于指令

来自分类Dev

Angular的绑定不适用于指令中添加的元素

来自分类Dev

Angular 内置指令不适用于 Foundation 组件

来自分类Dev

ng-include不适用于angularJS

来自分类Dev

Angular ng-include不适用于剃须刀页面

来自分类Dev

ng-click 不适用于动态超链接

来自分类Dev

Angular指令适用于内联样式,但不适用于类

来自分类Dev

Angular ngClass不适用于链接功能

来自分类Dev

ng-keydown不适用于angular

来自分类Dev

AngularJS:指令上的ng-controller不适用于指令内的已包含元素

来自分类Dev

ng-class或ng-style指令不适用于ui bootstrap轮播

来自分类Dev

ng-file-upload指令不适用于ng-messages

来自分类Dev

ng-show不适用于自定义指令

来自分类Dev

AngularJS:指令模板中的数据绑定不适用于ng-repeat

来自分类Dev

输入为制表符指令不适用于ng-repeat生成的输入字段

来自分类Dev

ng-include不适用于脚本type =“ text / ng-template”

来自分类Dev

ng-if不适用于getDay()

Related 相关文章

热门标签

归档