使用AngularJS,这里:
<a ng-click="Click()" ng-href="#">Click me</a>
在IE8中重定向到/#。
<a ng-click="Click()" href="#">Click me</a>
:
<a ng-click="Click()">Click me</a>
最后一个到/。我遵循所有让IE快乐的指导方针:
<!--[if lt IE 9]>
<script src="js/3rd party/html5.js"></script>
<![endif]-->
<!--[if lte IE 8]>
<script>
document.createElement('ng-include');
document.createElement('ng-pluralize');
document.createElement('ng-view');
document.createElement('ng:include');
document.createElement('ng:pluralize');
document.createElement('ng:view');
</script>
<![endif]-->
<!--[if lt IE 8]>
<script src="js/3rd party/json2.js"></script>
<![endif]-->
包括使用:
<div ng-view></div>
它不会发生在IE7或任何好的浏览器。只有IE8。
我想要它做的就是调用我的作用域的Click函数,而不做任何重定向。如何在IE8中实现这一点?
button
在IE8下不能正常工作
关闭html5Mode
$locationProvider.html5Mode(false);
这将解决问题,但我的问题是为什么?
一个更好的解决方案是使用按钮代替
<button ng-click="Click()" class="link">Click me</button>
你可以用你的css
改变按钮的样式button.link { border:none; background: none;}
button.link:hover {text-decoration:underline}
我知道这是一个老帖子,但是return false;
在ng-click处理程序中不工作。
我发现我必须设置事件。结果为false,这样的话,jQuery就会在angular完成它的操作后再使用该事件
$scope.Click = function ($event) {
// needed for IE8 - jQuery will preventDefault action for href=#
if ($event != undefined) {
$event.result = false;
}
}
点击我
如果你使用bootstrap,你有一个下拉菜单,这是特别有用的。例如
<button type="button" class="btn dropdown-toggle btn-primary" ng-disabled="disabled">
Actions <span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu">
<li><a href="#" ng-click="Click1($event)">Option 1</a></li>
<li><a href="#" ng-click="Click2($event)">Option 2</a></li>
<li><a href="#" ng-click="Click3($event)">Option 3</a></li>
</ul>