早上好,这是唯一一个与我的性质相似的问题,但不幸的是,它没有帮助我找到答案,因此非常感谢您的帮助。
我有以下 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>
最佳答案
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>
关于javascript - AngularJS - 获取 HTML 中的链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49937444/