javascript - AngularJS - 获取 HTML 中的链接

Question

早上好，这是唯一一个与我的性质相似的问题，但不幸的是，它没有帮助我找到答案，因此非常感谢您的帮助。

我有以下 HTML 代码片段:

<li class="first-page" ng-click="selectFirst()" onclick="window.scrollTo(0,0)">
    First
</li>

我想调整<li>以便它显示一个链接。在指令的链接函数中，我又添加了一个函数:

function getPaginationLink($location) {
        var linkToPage = $location.$$url;
        console.log($location.$$url);
        return linkToPage;
    }

并稍微更改了 html，方法如下:

<li class="first-page" ng-click="selectFirst()" onclick="window.scrollTo(0,0)">
    <a ng-onload="getPaginationLink($location)" ng-href="{{ linkToPage }}">
        First
    </a>
</li>

Answer 1

linkToPage 未在 Controller 的 getPaginationLink 函数中的任何位置与模型链接，并在 href="{{linkToPage}}" 中使用它将是未定义的。

如果您只想使用href中getPaginationLink的返回值，只需使用

<li class="first-page" ng-click="selectFirst()" onclick="window.scrollTo(0,0)">
<a ng-init="url = getPaginationLink($location)" ng-href="{{url}}">First</a>
</li>

这是一个示例片段

angular.module('app', []).controller('ctrl', function($scope){

$scope.getr = function(){
  return "URL"
}

})

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.9/angular.min.js"></script>
<div ng-app="app" ng-controller="ctrl">
<li class="first-page" ng-click="selectFirst()" onclick="window.scrollTo(0,0)">
<a ng-init="url = getr()" ng-href="{{url}}">First</a>
</li>
</div>