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
Html 在AngularJS中,如何选择在链接中包装项目_Html_Angularjs - Fatal编程技术网

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" />