blocks|key|517517|text|在你的路线中尝试：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|517518|$routeProvider.otherwise({})|offset|length|style|CODE|517519|entityMap^0|0|0|S|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|K|8|@$D|L|E|M|F|G]]|9|@]|A|$]]|$1|H|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|I|$]]

In your routes try:

<code>$routeProvider.otherwise({})</code>

blocks|key|300654|text|这是关闭所有深度链接的代码。它从rootElement禁用单击事件处理程序。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|300655|angular.module('myApp',+[])
+++.run(['$location',+'$rootElement',+function+($location,+$rootElement)+{
++++++$rootElement.off('click');
}]);|code-block|syntax|javascript|300656|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

This is the code for turning off deep linking all together. It disables the click event handler from the rootElement.

<pre><code>angular.module('myApp', [])
 .run(['$location', '$rootElement', function ($location, $rootElement) {
 $rootElement.off('click');
}]);
</code></pre>

blocks|key|300747|text|在Angular+1.0.1中添加target="_self"：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|300748|<a+target="_self"+href='/auth/facebook'>Sign+in+with+Facebook</a>|code-block|syntax|javascript|300749|此功能已记录在案(https://docs.angularjs.org/guide/$location+-搜索“_self”)|300750|如果你很好奇，可以看看angular源代码(第5365行@+v1.0.1)。只有当!elm.attr('target')为真时，点击劫持才会发生。|300751|entityMap|0|LINK|mutability|MUTABLE|url|https://docs.angularjs.org/guide/$location^0|H|E|0|0|9|16|0|0|15|J|0^^$0|@$1|2|3|4|5|6|7|W|8|@$9|X|A|Y|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|Z|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|10|8|@]|D|@$9|11|A|12|1|13]]|E|$]]|$1|M|3|N|5|6|7|14|8|@$9|15|A|16|B|C]]|D|@]|E|$]]|$1|O|3|-4|5|6|7|17|8|@]|D|@]|E|$]]]|P|$Q|$5|R|S|T|E|$U|V]]]]

Adding <code>target="_self"</code> works in Angular 1.0.1:

<pre><code>&lt;a target="_self" href='/auth/facebook'&gt;Sign in with Facebook&lt;/a&gt;
</code></pre>

This feature is documented (<a href="https://docs.angularjs.org/guide/$location">https://docs.angularjs.org/guide/$location</a> - search for '_self')

If you're curious, look at the angular source (line 5365 @ v1.0.1). The click hijacking only happens if <code>!elm.attr('target')</code> is true.

blocks|key|517747|text|要解决Nik的答案，如果你有很多链接，并且不想给每个链接添加目标，你可以使用一个指令：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|517748|Module.directive('a',+function+()+{
++++return+{
++++++++restrict:+'E',
++++++++link:+function(scope,+element,+attrs)+{
++++++++++++element.attr("target",+"_self");
++++++++}
++++};
});|code-block|syntax|javascript|517749|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

To work off the Nik's answer, if you have lots of links and don't want to add targets to each one of them, you can use a directive:

<pre><code>Module.directive('a', function () {
 return {
 restrict: 'E',
 link: function(scope, element, attrs) {
 element.attr("target", "_self");
 }
 };
});
</code></pre>

blocks|key|517806|text|Fran6co方法的替代方法是禁用$locationProvider中的'rewriteLinks‘选项：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|517807|$locationProvider.html5Mode({
++++enabled:+true,
++++rewriteLinks:+false
});|code-block|syntax|javascript|517808|这将完成与调用$rootElement.off('+click+')完全相同的事情，但不会干扰处理应用根元素上的单击事件的其他javascript。|517809|请参见docs和relevant+source|offset|length|517810|entityMap|0|LINK|mutability|MUTABLE|url|https://docs.angularjs.org/api/ng/provider/$locationProvider|1|https://github.com/angular/angular.js/blob/master/src/ng/location.js#L843^0|0|0|0|3|4|0|8|F|1|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Y|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|Z|8|@]|9|@$K|10|L|11|1|12]|$K|13|L|14|1|15]]|A|$]]|$1|M|3|-4|5|6|7|16|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T]]|U|$5|P|Q|R|A|$S|V]]]]

An alternative to Fran6co's method is to disable the 'rewriteLinks' option in the $locationProvider:

<pre><code>$locationProvider.html5Mode({
 enabled: true,
 rewriteLinks: false
});
</code></pre>

This will accomplish exactly the same thing as calling $rootElement.off('click'), but will not interfere with other javascript that handles click events on your app's root element.

See <a href="https://docs.angularjs.org/api/ng/provider/$locationProvider">docs</a>, and <a href="https://github.com/angular/angular.js/blob/master/src/ng/location.js#L843">relevant source</a>

I have a working Angular.js app with HTML5 mode enabled.

<pre><code>$location.Html5mode(true).hashbang("!");
</code></pre>

What I want to achieve is to get some URLs or <code>&lt;a&gt;</code> tags to do the normal browsing behaviour instead of changing the URL in the address bar using HTML5 history API and handling it using Angular controllers.

I have this links:

<pre><code>&lt;a href='/auth/facebook'&gt;Sign in with Facebook&lt;/a&gt;
&lt;a href='/auth/twitter'&gt;Sign in with Twitter&lt;/a&gt;
&lt;a href='/auth/...'&gt;Sign in with ...&lt;/a&gt;
</code></pre>

And I want the browser to redirect the user to <code>/auth/...</code> so the user will be then redirected to an authentication service.

Is there any way I can do this?

angular.js link behaviour - disable deep linking for specific URLs

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我有一个启用了HTML5模式的Angular.js应用程序。$location.Html5mode(true).hashbang("!");我想实现的是获得一些URL或<a>标签来执行正常的浏览行为，而不是使用HTML5历史API更改地址栏中的URL，并使用Angular控制器进行处理。我有这个链接：<a href='...

问angular.js链接行为-禁用特定URL的深度链接
EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问angular.js链接行为-禁用特定URL的深度链接EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问angular.js链接行为-禁用特定URL的深度链接
EN