结合在angularjs模板外部URL [英] Binding external URL in angularjs template

问题描述

我有一个控制器和一个局部的有线了angularjs应用。

I have a angularjs app with a controller and a partial wired up..

在我的控制器我有一个链接阵列。

In my controller I have a array of links..

$scope.links = ['http://www.example.com/1','http://www.example.com/2'];

在我的部分，我有以下的code ..

In my partial, I have the following code..

 <div ng-repeat="link in links">
 <a href="{{link}}" target="_blank">Link</a>
 </div>

这似乎并没有工作..我通过一个应用程序的NodeJS运行此locally..and所以我的URL始终最终成为
HTTP：//dev-server.local：3000 /http://www.example.com

This does not seem to work.. I am running this via a NodeJS app locally..and so my URLs always end up as http://dev-server.local:3000/"http://www.example.com"

任何人都可以请帮我找出如何我可以从我的控制器直接添加一个超链接到我的局部模板，使角不追加网页的网址。

Can anyone please help me figure out how I can add a hyperlink from my controller directly into my partial template and make Angular not append the page URL..

推荐答案

而不是

href={{link}}

使用

ng-href={{link}}

这篇关于结合在angularjs模板外部URL的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！