AngularJS路由 - 基于匹配URL主机名的调用函数

Question

使用AnguarJS，我想随时在当前网站中单击的链接中存在特定主机名称时调用函数。用户将继续点击链接，但该功能将在后台调用。

$ routeProvider是最好的方向去寻找这样的东西吗？它需要在网站范围内，这就是为什么我认为AngularJS routeProvider可能工作。我先问，因为我是Angular的新手。我试图避免必须识别每个点击事件来监听链接中的这个特定域名，因为有很多地方，并且因为正在使用CMS而发生更改。

谢谢！

Answer 1

使用$routeProvider您只能在同一个域和AngularJS上下文中定义路由。这是隐含的。因此，您只能在#符号（hashbang）之后“捕获”的URL段。

正如我所说的，你可能需要做：

$(body).on('click', 'a', function(e) { 
    var url = $(this).attr('url'); 
    // now do something with url 
}); 

我使用jQuery为了简单和event delegation性能方面的原因。

请注意，如果链接更改当前页面的URL，则此将不会工作。这意味着您正在导航到另一个页面并销毁当前JSR代码正在运行的那个页面，并且正在侦听click事件。例如，如果您在链接上使用target="_blank"，则此功能才有效。

的一种方法，使其对外部和target="_self"环节的工作：

$(body).on('click', 'a', function(e) { 
    var url = $(this).attr('url'); 
    if(url === 'http://example.com/') { 
     e.preventDefault(); 
     // 1. do some stuff, even AJAX 
     // 2. after stuff completes: 
     window.location = url; 
    } 
}); 

这不幸意味着用户必须等待任何在（1）之前，他实际上采取了新的URL发生。如果你正在做的事情很快（不到一秒钟），或许隐藏在页面上的所有东西都可以和e.preventDefault一起使用。