Html 在AngularJS中,如何选择在链接中包装项目
我有一个人的名字和一个可选的主页。如何选择将其名称包装在锚标记中Html 在AngularJS中,如何选择在链接中包装项目,html,angularjs,Html,Angularjs,我有一个人的名字和一个可选的主页。如何选择将其名称包装在锚标记中 <ul ng-repeat='person in people'> <li> <a href="{{person.website}}"> {{person.name}} </a> </li> </ul> 在rails中,我将使用方法 如何在AngularJS中执行此操作?您可以将以下函数添加到您的作用域中: $scope.
<ul ng-repeat='person in people'>
<li>
<a href="{{person.website}}">
{{person.name}}
</a>
</li>
</ul>
在rails中,我将使用方法
如何在AngularJS中执行此操作?您可以将以下函数添加到您的作用域中:
$scope.linkToUnless = function(condition, label, href) {
return condition ? '<a href="'+href'+">'+label+'</a>' : label;
};
谢谢你提供的三种可能性。作为一个棱角分明的新手,我不知道该选哪一个。我会选第二个,因为它很快,简单且仍然可以让您选择在HTMLDon中轻松使用更多角度指令,如果它回答了您的问题,请毫不犹豫地接受这个答案:)在我意识到ng if在版本1.1.5和稳定版本1.0.8中引入之前,我花了太多时间尝试使用ng if。
$scope.linkToUnless = function(condition, label, href) {
return condition ? '<a href="'+href'+">'+label+'</a>' : label;
};
<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>
<link-to-if href="person.website" label="person.name" />