标签: angularjs-ng-href

我想调用ng-href中的函数并从函数返回链接.

当我单击该函数时,它将页面发送到url中的该函数.喜欢:

本地主机/ pageLink()

<a ng-href="pagelink()" >Link</a>

我该如何运行该功能并返回正确的链接？

我仍然是angularjs的新手,我有一个问题,我似乎无法找到解决方案,我没有时间去研究角度来源.

这是我的情景:

我有一些json数据与我想要在屏幕上显示的网址集合.我有一个元素ng-repeat="link in links"和内部

<a ng-href="{{link.url}}">{{link.title}}</a>

这可行,但所有链接都指向mydomain/apppath/valueoflink.title 我希望它们是绝对的,只有valueoflink.title没有任何前缀.

如何告诉角度它绝对不是相对url？

基本上我的问题是我在变量版本上使用 substring 方法来获取结果，然后使用 ng-href 在 URL 中使用：

substring(0, 3)
version 9.1.0 = 9.1 (good)
version 9.2.0 = 9.2 (good)
version 9.3.0 = 9.3 (good)
..
version 9.10.0 = 9.1 (breaks here)
version 10.1.0 = 10. (breaks here)

正如您所看到的，最终子字符串方法停止工作，我该如何解决这个问题？

我已经在这里检查了文档和ng-href不工作线程,但我很难过.

ng-href是否需要完整路径？我目前看起来像<a ng-title="{{title.text}}" ng-id="{{id.num}}" ng-href="/page.php#param:{{id.num}}"><span>go here</span></a>,但是当我点击它时,它正确地改变了浏览器地址栏中的URL(这是一个合法的URL;我可以在地址栏中点击"输入",它将"去那里") ,它实际上并没有转到该页面.

出了什么问题？我是否需要将其与ng-click某种结合起来？如果是这样,为什么？

更新:链接将转到调用它的同一页面,但是使用不同的参数来显示不同的数据记录.我认为这可能与它有关...

tl; dr:如何强制angular只在<a>元素中执行ngclick指令而不清空/删除href？

我的网站在某些元素上有一些自定义行为(模态打开,位置栏更新等)但是对于SEO索引我还需要它是一个包含有效链接<a>的href属性的元素.

如:

<a href="/{{item.url}}" ng-click="doCustomStuff(item)">some link</a>

但是,angular也会执行,href并且路由使我的自定义ng-click逻辑无用.

有没有办法扭转这种行为？

我想将链接href属性绑定到我的控制器中的变量,但我也想将该url绑定到变量.我想使用内置绑定完成此操作,而无需手动监视更改并重新加载URL.这可能吗？

// In the controller
$scope.section = 'section1';
$scope.page = 'page1';
$scope.url = 'http://myurl/{{section}}/{{page}}';


<!-- In the template -->
<a ng-href="{{url}}">Page Link</a>

这是我实际代码的简化.声明模板中的url模式会起作用,但我需要在传入的字符串中定义url.

我在SO中检查了答案,但找不到令人满意的答案.所以我在这里问:

我有一个字符串如下

var string = "With this you have agreed with the <a href='#'>rules and condition</a>"

我需要将其呈现为字符串(对于文本部分)和HTML(对于HTML部分).

我如何在AngularJs中实现这一目标？我试过$compile但它对我不起作用,它在页面上输出看似缩小代码的块.