如果AngularJS中使用rel
属性查找链接的功能不起作用,可能是因为AngularJS默认不会编译rel
属性。解决这个问题的方法是使用$compile
服务手动编译元素。
下面是一个示例代码,展示如何在AngularJS中使用rel
属性来查找链接:
HTML模板:
JavaScript代码:
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope, $compile) {
// 手动编译元素
var element = angular.element(document.querySelector('a[rel="example"]'));
$compile(element)($scope);
// 添加点击事件处理函数
element.on('click', function() {
alert('Link clicked!');
});
});
在上面的示例中,我们首先使用angular.element
选择器选择具有rel="example"
属性的链接。然后,我们使用$compile
服务手动编译该元素。最后,我们添加了一个点击事件处理函数来处理链接的点击事件。
请注意,如果您在AngularJS中使用了ng-view
或其他路由机制,您可能需要在路由切换时重新编译链接元素。