Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/22.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
Javascript 如何使用AngularJS将json中的url超链接到同一json中的文本_Javascript_Angularjs_Json - Fatal编程技术网

Javascript 如何使用AngularJS将json中的url超链接到同一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",

我有一个JSON结构,如下所示:

[
  {
    "_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 ...