Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
从angularJS部分链接到具有不同域的外部URL_Angularjs_Anchor_Href_External Url - Fatal编程技术网

从angularJS部分链接到具有不同域的外部URL

从angularJS部分链接到具有不同域的外部URL,angularjs,anchor,href,external-url,Angularjs,Anchor,Href,External Url,我所要做的就是在链接到外部站点的部分的html中包含一个锚定标记。如果是标准html,代码将是: <a href="http://www.google.com" target="_blank">google</a> 与相应的: <a ng-href="{{ trustUrl(item) }}">Click me!</a> (如本文所述:) 但这似乎并没有起到作用(我在呈现的页面中只得到href=“{{”) 使用普通的香草型锚链,如下所示:

我所要做的就是在链接到外部站点的部分的html中包含一个锚定标记。如果是标准html,代码将是:

<a href="http://www.google.com" target="_blank">google</a>
与相应的:

<a ng-href="{{ trustUrl(item) }}">Click me!</a>

(如本文所述:)

但这似乎并没有起到作用(我在呈现的页面中只得到href=“{{”)

使用普通的香草型锚链,如下所示:

<a href="http://www.google.com">google</a>

也没有做到这一点(尽管一些在线用户建议standard href会导致在angular:)中重新加载完整的页面)

我还尝试添加target=_self”属性,但似乎也没有效果

我是否需要像这里描述的那样编写自定义指令

对于这样一个简单的操作来说,这一切似乎太复杂了,我觉得我在n00bishness中遗漏了一些明显的东西,至少我希望如此,因为仅仅链接到另一个url,这个过程感觉非常繁重


提前感谢您提供的任何解决方案、建议、参考或指导。

事实证明,我确实将页面中的所有锚定链接绑定到事件侦听器并被覆盖。由于该代码是页面工作方式的基础,我不想弄乱它。相反,我通过使用ng click调用新url绕过了它,如下所示:

HTML:

瞧!很好。
再次感谢KevinB告诉我这可能就是问题所在。

你的第一个片段(香草html锚)对我来说效果很好。谢谢你为我验证这一点。凯文。我可能在别处发生了一些事情,正在拦截或阻止我的链接工作。奇怪的是,我可以右键单击链接并在新选项卡中打开它。没问题,但当我左键单击时,我什么也没有得到。这里有没有我应该看到的常见嫌疑犯?我没有o在视图上有一些用于执行视差效果的自定义代码,但它被限制为仅截取滚动到视图中下一张幻灯片的特定按钮上的代码。单击锚定不会与该代码交互。否则这是一个非常普通的设置。Kevin,我想接受你的评论作为我的答案,因为它是ally是锚之外的东西,你为我验证了普通代码的工作原理。出于某种原因,我似乎不知道如何在这里做到这一点。哇-这对ole brain来说是糟糕的一天。不幸的是,由于我的评论没有真正回答问题,所以我不适合发布它。相反,我们最好等到l你解决了问题,然后你发布了一个带解释的答案。如果这个问题需要几天/几周的时间才能解决,那没关系。啊,好吧-谢谢!我到时候再谈。不管怎样,谢谢你告诉我我问题在别处。你怎么知道你有一个绑定事件侦听器?我有same问题,无法在DevTool/console上通过此链接找到源。monitorEvents($0):
<a href="http://www.google.com">google</a>
<a class="navLinkHcp" href="{{hcpurl}}" title="Habitat Conservation Plan" target="_blank" ng-click="linkModelFunc(hcpurl)">Habitat Conservation Plan</a>
$scope.hcpurl = 'http://eahcp.org/index.php/about_eahcp/covered_species';

$scope.linkModelFunc = function (url){
  console.log('link model function');
  $window.open(url);
}