Angularjs 在特定链接中禁用ngRoute选项

我有2个需要使用ngRoute的不同页面的链接

<a href="#home">Home</a>
<a href="#profile">Profile</a>

---

我认为你应该从另一个角度来看待这个方法，更重要的是你如何禁用标签中的链接

可以通过指定目标空白元素来完成，角度路由器将忽略所有target=blank：

<ul class="nav nav-tabs profiletab" role="tablist">
    <li role="presentation" class="active"><a href="#tab1" aria-controls="home" role="tab" data-toggle="tab">Tab 1</a></li>
    <li role="presentation"><a href="#tab2" aria-controls="profile" role="tab" data-toggle="tab" target="_blank">Tab2</a></li>
    <li role="presentation"><a href="#tab3" aria-controls="images" role="tab" data-toggle="tab" target="_blank">Tab3</a></li>    
  </ul>

在你的控制器

app.controller("myController", function (someroute) {
    $scope.someroute = someroute;
});

如果不想为管线设置自定义名称。您还可以在控制器中请求路由名称，如

app.controller("myController", function ($location) {
    $scope.someroute = $location.path(); // '/Home'
});

---

使用

data target=“#tab1”

代替

href=“#tab1”

。为我工作

target=“blank”选项工作正常。但第二种选择不起作用。它在链接上设置了disabled=“disabled”，但不起作用。太好了！就这么简单！

<ul class="nav nav-tabs profiletab" role="tablist">
    <li role="presentation" class="active"><a href="#tab1" aria-controls="home" role="tab" data-toggle="tab">Tab 1</a></li>
    <li role="presentation"><a   ng-disabled="someroute === 'home'" href="#tab2" aria-controls="profile" role="tab" data-toggle="tab">Tab2</a></li>
    <li role="presentation"><a href="#tab3" ng-disabled="someroute === 'profile'" aria-controls="images" role="tab" data-toggle="tab">Tab3</a></li>    
</ul>

app.config(function($routeProvider) {
    $routeProvider

        // route for the home page
        .when('/home', {
            templateUrl : 'pages/home.html',
            controller  : 'mainController',
            resolve:{
                someroute:function(){
                    return 'home';
                }
            }
        })
        .when('/profile', {
            templateUrl : 'pages/profile.html',
            controller  : 'ProfileController',
            resolve:{
                someroute:function(){
                    return 'profile';
                }
            }
        })
        .otherwise('/');
});

app.controller("myController", function (someroute) {
    $scope.someroute = someroute;
});

app.controller("myController", function ($location) {
    $scope.someroute = $location.path(); // '/Home'
});