5

我可以禁用这些家伙吗?我在 asp.net mvc 应用程序中使用 angular.js,我不需要 angular 来控制与地址栏或链接相关的任何内容......

现在在 html5 模式下禁用 ( $locationProvider.html5Mode(false)) 它会将哈希和操作方法的名称添加到地址栏,例如:您转到\Home\index,它会导航,然后地址栏文本变为Home\index#\index. 这不是很烦人吗?

如果我启用 html5 模式,它将完全停止加载页面(初始页面除外)。我尝试从最初加载的页面转到另一个页面 - 它更改了地址栏的文本(这次不添加主题标签),但不会加载页面本身。那不是令人沮丧吗?

4

1 回答 1

5

AngularJS 1.1.5中存在临时解决方案- 自动将哈希标记添加到 URL

答案解释了第一步(如上所述,添加了新的哈希前缀)

yourApp.config(['$locationProvider', function($locationProvider){
    $locationProvider.html5Mode(true).hashPrefix('!');
}]);

第一位处理 Angular 在视觉上干扰您的地址栏,但现在单击任何链接都无法正常工作(阅读history.pushState:)

因此,正如用户@Kevin Beal 指出的那样,解决方法target<a>_self

$('a[href]').attr({'target':'_self'})

或根据具体情况:

<a href="foo" target="_self">Foo</a>
<a href="http://some.external/bar" target="_blank">Bar</a>

虽然,为了方便和理智,我认为它是这些的结合。

无标记target

<a href="foo">Foo</a>
<a href="http://some.external/bar">Bar</a>

JS

// If `http` protocol present, assume external link
$('a[href^="http://"]').attr({'target':'_blank'});

// Otherwise, assume internal link
$('a:not([href^="http://"])').attr({'target':'_self'});

值得注意的是,上述选择器确实需要正确的 jQuery。

于 2013-09-23T14:40:09.653 回答