ng-router和anchor选项卡出现问题

时间:2014-07-17 18:06:58

标签: angularjs angularjs-directive angularjs-scope angular-ui angular-ui-bootstrap

MyApp.config([ '$routeProvider', function($routeProvider) {
$routeProvider
.when('/getAttributes', {
    templateUrl : 'view/attributes.jsp',
    controller : 'attributeController'
}).when('/mainMenu', {
    templateUrl : 'view/mainmenu.jsp',
    controller : 'mainMenuController'
}).otherwise({
    redirectTo : '/mainMenu'
});
} ]);

我们使用上述路由配置来实现Angular JS的模板。 这被称为我们点击任何具有一些ID的锚标签,它可以用于动态页面,但即使对于静态链接,它也试图找到映射。 例如,在下面的代码中,我们不希望触发路由。但它会触发并转到mainMenu。我在控制器中尝试了location.path(),但即便如此,因为我们已经定义了routerprovider,它总是重定向到mainmenu。请建议如何控制触发器或是否有任何其他方法在AngularJS中实现此路由

  <ul class="tabs promo-tabs" role="tablist" ng-repeat>
        <li ><a target="_self" href="#staticTab1">tab1 </a></li>
        <li ><a target="_self" href="#staticTab2">tab2</a></li>
  </ul>

根据下面的评论对其进行了更新,但在添加target =“_ self”

后仍然无效

1 个答案:

答案 0 :(得分:1)

添加目标=&#34; _self&#34;

 <a href="#staticTab1" target="_self">tab1 </a>