html – 在AngularJS中,我如何选择在链接中包装项目

概述我有一个人的名字和一个可选的主页.如何选择将其名称包装在锚标记中？ <ul ng-repeat='person in people'> <li> <a href="{{person.website}}"> {{person.name}} </a> </li></ul> 或者在person.website为零的情况下 <ul ng-repeat='person 我有一个人的名字和一个可选的主页.如何选择将其名称包装在锚标记中？

<ul ng-repeat='person in people'>  <li>    <a href="{{person.website}}">      {{person.name}}    </a>  </li></ul>

或者在person.website为零的情况下

<ul ng-repeat='person in people'>  <li>    {{person.name}}  </li></ul>

在rails中,我将使用方法<％= link_to_unless person.website.blank？,seller.name,seller.website％>

我如何在AngularJs中执行此 *** 作？

解决方法 您可以将以下函数添加到您的范围：

$scope.linkToUnless = function(condition,label,href) {    return condition ? '<a href="'+href'+">'+label+'</a>' : label;};

或者您可以将HTML重写为：

<ul ng-repeat='person in people'>  <li>    <a href="{{person.website}}" ng-if="person.website">      {{person.name}}    </a>    <span ng-if="!person.website">        {{person.name}}    </span>  </li></ul>

(仅仅是受OP评论启发的注释,ng-if仅在anugular 1.1.5之后可用;对于旧版本,使用ng-show和ng-hIDe代替

或者您可以编写自定义指令并使用它：

<link-to-if href="person.website" label="person.name" />

总结

以上是内存溢出为你收集整理的html – 在AngularJS中,我如何选择在链接中包装项目全部内容，希望文章能够帮你解决html – 在AngularJS中,我如何选择在链接中包装项目所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。