AngularJS ng-href不會鏈接

Question

我已經在這里檢查了文檔和ng-href不工作線程，但我很難過 。

ng-href是否需要完整路徑？ 我目前看起來像<a ng-title="{{title.text}}" ng-id="{{id.num}}" ng-href="/page.php#param:{{id.num}}"><span>go here</span></a> ，但是當我點擊它時，它會正確地更改瀏覽器地址欄中的URL（這是一個合法的URL;我可以點擊”輸入“在地址欄中，它將“去那里”），它實際上並沒有轉到那個頁面。

出了什么問題？ 我是否需要將其與某種類型的ng-click相結合？ 如果是這樣， 為什么？

更新：鏈接將轉到調用它的同一頁面，但是使用不同的參數來顯示不同的數據記錄。 我認為這可能與它有關...

Answer 1

最簡單的方法是添加target =“_ self” ，在您的情況下，這是解決方案：

<a ng-title="{{title.text}}" ng-id="{{id.num}}"
 ng-href="/page.php#param:{{id.num}}" target="_self">
 <span>go here</span>
</a>

沒有ng-click，也不需要AngularJS功能。

Answer 2

以下是我最終解決這個問題的方法：

模板：

<a ng-title="{{title.text}}" ng-id="{{id.num}}" ng-click="go_to_item(id.num)">
    <span>{{title.text}}</span>
</a>

使用Javascript：

    $scope.go_to_item = function(display) {
        window.location = '/page.php#id:' + display;
        location.reload();
    };

這在我們的應用程序中正常工作。 為什么角特定$location和$window 不工作有一個神秘的我，雖然。 我先嘗試過這些，但他們沒有這樣做，所以如果有人能解釋原因，我會給你“接受這個問題的答案”！ ;-)

Answer 3

我嘗試了你的代碼，它對我有用：

<script>
$scope.title = {text: "test"};
$scope.id = {num: 123};
</script>

<a ng-title="{{title.text}}" ng-id="{{id.num}}" ng-href="/page.php#param:{{id.num}}"><span>go here</span></a>

變成這樣：

<a ng-title="test" ng-id="123" ng-href="/page.php#param:123" href="/page.php#param:123"><span>go here</span></a>

Answer 4

我之前遇到過這個問題。 出於某種原因，我不允許在ng-controller內部使用ng-href 。