Javascript 如何使用AngularJS将json中的url超链接到同一json中的文本
我有一个JSON结构,如下所示:Javascript 如何使用AngularJS将json中的url超链接到同一json中的文本,javascript,angularjs,json,Javascript,Angularjs,Json,我有一个JSON结构,如下所示: [ { "_id": "0", "_rev": "1", "url": "fb.com", "ownership": { "line": "social" }, "id": 13, "hierarchies": [ { "level": 30, "level40_desc": "", "pairing": "6950-9X",
[
{
"_id": "0",
"_rev": "1",
"url": "fb.com",
"ownership": {
"line": "social"
},
"id": 13,
"hierarchies": [
{
"level": 30,
"level40_desc": "",
"pairing": "6950-9X",
"level30_desc": "facebook",
"level30_id": "6941-0P",
"mirror": "",
"level17_id": "1CMA",
"fin_div": "M3",
"id": "6941-0P"
}
]
},
{
"_id": "02ad9973a97f82db1c",
"_rev": "1-8788cdde1205ca608a3",
"url": "www.google.com",
"ownership": {
"line": "social"
},
"id": 159,
"hierarchies": [
{
"level": 30,
"level40_desc": "",
"pairing": "6950-9L",
"level30_desc": "google",
"level30_id": "6941-9L",
"mirror": "",
"level17_id": "1CMA",
"fin_div": "M3",
"id": "6941-9L"
}
]
},
{
"_id": "01c555f2333a97f82e837",
"_rev": "1-0101ae7cc842f43c9a40",
"url": "www.twitter.com",
"ownership": {
"line": "social"
},
"id": 14,
"hierarchies": [
{
"level": 30,
"level40_desc": "",
"pairing": "6950-8M",
"level30_desc": "twitter",
"level30_id": "6941-8M",
"mirror": "",
"level17_id": "1CMA",
"fin_div": "M3",
"id": "6941-8M"
}
]
}
]
在控制器中,我将这个JSON放在vm.searchData
中,在HTML显示中,我将数据显示为
<div ng-repeat="item in vm.searchData track by $index">
<div id="{{item.url}}">
<a class="search-results" href="" ui-sref="." ng-repeat="item1 in item.hierarchies track by $index">{{item1.level30_desc}}-{{item1.level30_id}}</a>
</div>
</div>
如果我想用JSON中可用的URL超链接显示的元素,单击超链接应该会在新选项卡中打开。。。如何实现这一点使用指令将URL分配给
href
属性,并将目标指定为\u blank
以在新选项卡中打开链接:
<a class="search-results" ng-href="//{{item.url}}" target="_blank" ng-repeat ...
使用指令将URL分配给href
属性,并将目标指定为\u blank
以在新选项卡中打开链接:
<a class="search-results" ng-href="//{{item.url}}" target="_blank" ng-repeat ...