动态改变href angular JS的路径

Question

我试图在点击它时更改href值。

这就是我尝试过的。

HTML：

<a href="#Page1">Demo</a>

JS：

    angular.config(function ($routeProvider) {
        $routeProvider
    .when('/Page1', {
            templateUrl: 'main.html'
            controller: 'FirstController'
        })
 .when('/Page2', {
            templateUrl: 'sub.html'
            controller: 'FirstController'
        })
.otherwise('main.html');

每次单击锚标记时，如何更改锚标记的路径。

任何人都可以帮助我。

Answer 1

为每个页面使用不同的控制器。 您可以将变量用于链接并在相关控制器中进行设置。 例如：

<a href="#/{{myLink}}">Demo</a>

要么

<a ng-href="#/{{myLink}}">Demo</a>

并在每个相关的控制器：

$scope.myLink="page1";

要么

$scope.myLink="page2";

等等

或者，如果您坚持使用相同的控制器，则可以检查位置路径：

if ($location.path().substring(1) == "page1") {
    $scope.myLink="page2";
}

Answer 2

改为使用ng-href - 它会在绑定值更改时自动更新。