动态改变href angular JS的路径

时间:2014-06-23 12:22:34

标签: javascript jquery angularjs angularjs-directive

我试图在点击它时更改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');

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

任何人都可以帮助我。

2 个答案:

答案 0 :(得分:5)

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

<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";
}

答案 1 :(得分:3)

改为使用$controller = new ExtendedApplicationController(new DashboardController()); $controller::indexAction(); - 当绑定值发生变化时,它会自动更新。