如何使div可点击并重定向到URL Angular JS

Question

这可能看起来像是一个愚蠢的问题，但这些天我正在学习Angular JS并遇到了一个问题。我想制作一个可点击的div，一旦你点击它，它应该转到另一个页面，但我似乎无法使它工作....

<div class="test" ng-click="{{ '/url?language=' + $control.lang }}"></div>

Answer 1

这是[ng-href][1]指令的用途。编译时充当简单的html href属性。

<a class="test" ng-href="/url?language={{$control.lang}}"></a>

如果由于某种原因想要使用[ng-click][1]，则实际上需要从控制器中调用函数。在函数内部，您必须使用[$location][1]或$window模块手动更改位置。

$scope.GoTo = function(url){
   $location.path(url); 
}

然后你的div将成为

<div class="test" ng-click="GoTo('/url?language='+$control.lang)"></div>

确保将$location模块注入控制器。