Angular ng-repeat 链接列表

​x
 
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.staticfile.net/angular.js/1.4.6/angular.min.js"></script> 
</head>
<body>
<div ng-app="" ng-init="names=[
{name:'菜鸟教程', country:'CN', url:'https://www.runoob.com'},
{name:'Google', country:'USA', url:'https://www.google.com'},
{name:'知乎', country:'CN', url:'https://www.zhihu.com'}]">
<p>循环对象:</p>
<ul>
  <a ng-repeat="x in names"  href={{x.url}}>
  {{ x.name + ', ' + x.country }}<br></a>
</ul> 
</div>
</body>
</html>
HTML