动态改变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 - 它会在绑定值更改时自动更新。