我如何对外部url上托管的json文件进行ng重复


how I do the ng-repeat of json file hosted on the external url

假设我的url是http://www.example.com/apptest/app/index.php/json/getSingleMenuItemReviews?id=94

json文件在这个Url上是:

{
  "query": "SELECT  `webapp_menuitem_reviews`.`id`  AS `id` ,  `webapp_menuitem_reviews`.`order`  AS `order` ,  `webapp_menuitem_reviews`.`status`  AS `status` ,  `webapp_menuitem_reviews`.`reviewcomment`  AS `reviewcomment` ,  `webapp_menuitem_reviews`.`json`  AS `json` ,  `webapp_menuitem_reviews`.`menuitemid`  AS `menuitemid` ,  `webapp_menuitem_reviews`.`menutypeid`  AS `menutypeid` ,  `webapp_menuitem_reviews`.`user`  AS `user` ,  `webapp_menuitems`.`name`  AS `menuitemname` ,  `webapp_menuitems`.`image`  AS `menuitemimage` ,  `webapp_menuitem_reviews`.`timestamp`  AS `timestamp` ,  `webapp_menuitem_reviews`.`rate`  AS `rate` ,  1  'n't'tFROM `webapp_menuitem_reviews` RIGHT OUTER JOIN `webapp_menuitems` ON `webapp_menuitems`.`id`=`webapp_menuitem_reviews`.`menuitemid`  WHERE `webapp_menuitem_reviews`.`status`=1 AND `webapp_menuitems`.`status`=1 AND `webapp_menuitem_reviews`.`menuitemid`='94' AND (  1 )      ORDER BY  `order` DESC,  1  LIMIT 0,20",
  "queryresult": [{
    "id": "1",
    "order": "0",
    "status": "1",
    "reviewcomment": "22222",
    "json": "0",
    "menuitemid": "94",
    "menutypeid": "13",
    "user": "jose",
    "menuitemname": "test food",
    "menuitemimage": "super-foods-400x400.jpg",
    "timestamp": "2016-07-19 02:06:14",
    "rate": "2"
  }, {
    "id": "6",
    "order": "0",
    "status": "1",
    "reviewcomment": "Hhhgh",
    "json": "0",
    "menuitemid": "94",
    "menutypeid": "13",
    "user": "jose",
    "menuitemname": "test food",
    "menuitemimage": "super-foods-400x400.jpg",
    "timestamp": "2016-07-19 03:27:09",
    "rate": "4"
  }, {
    "id": "7",
    "order": "0",
    "status": "1",
    "reviewcomment": "Hhhgh",
    "json": "0",
    "menuitemid": "94",
    "menutypeid": "13",
    "user": "jose",
    "menuitemname": "test food",
    "menuitemimage": "super-foods-400x400.jpg",
    "timestamp": "2016-07-19 03:27:10",
    "rate": "4"
  }, {
    "id": "8",
    "order": "0",
    "status": "1",
    "reviewcomment": "mremajoel",
    "json": "0",
    "menuitemid": "94",
    "menutypeid": "13",
    "user": "jose",
    "menuitemname": "test food",
    "menuitemimage": "super-foods-400x400.jpg",
    "timestamp": "2016-07-19 16:10:45",
    "rate": "5"
  }],
  "totalvalues": 4,
  "pageno": 1,
  "lastpage": 1,
  "elements": [{
    "field": "`webapp_menuitem_reviews`.`id`",
    "sort": "1",
    "header": "ID",
    "alias": "id"
  }, {
    "field": "`webapp_menuitem_reviews`.`order`",
    "sort": "DESC",
    "header": "Order",
    "alias": "order"
  }, {
    "field": "`webapp_menuitem_reviews`.`status`",
    "sort": "1",
    "header": "Status",
    "alias": "status"
  }, {
    "field": "`webapp_menuitem_reviews`.`reviewcomment`",
    "sort": "1",
    "header": "reviewcomment",
    "alias": "reviewcomment"
  }, {
    "field": "`webapp_menuitem_reviews`.`json`",
    "sort": "1",
    "header": "Json",
    "alias": "json"
  }, {
    "field": "`webapp_menuitem_reviews`.`menuitemid`",
    "sort": "1",
    "header": "menuitemid",
    "alias": "menuitemid"
  }, {
    "field": "`webapp_menuitem_reviews`.`menutypeid`",
    "sort": "1",
    "header": "menutypeid",
    "alias": "menutypeid"
  }, {
    "field": "`webapp_menuitem_reviews`.`user`",
    "sort": "1",
    "header": "user",
    "alias": "user"
  }, {
    "field": "`webapp_menuitems`.`name`",
    "sort": "1",
    "header": "name",
    "alias": "menuitemname"
  }, {
    "field": "`webapp_menuitems`.`image`",
    "sort": "1",
    "header": "image",
    "alias": "menuitemimage"
  }, {
    "field": "`webapp_menuitem_reviews`.`timestamp`",
    "sort": "1",
    "header": "timestamp",
    "alias": "timestamp"
  }, {
    "field": "`webapp_menuitem_reviews`.`rate`",
    "sort": "1",
    "header": "Rate",
    "alias": "rate"
  }],
  "from": "'n't'tFROM `webapp_menuitem_reviews` RIGHT OUTER JOIN `webapp_menuitems` ON `webapp_menuitems`.`id`=`webapp_menuitem_reviews`.`menuitemid`",
  "where": "WHERE `webapp_menuitem_reviews`.`status`=1 AND `webapp_menuitems`.`status`=1 AND `webapp_menuitem_reviews`.`menuitemid`='94'",
  "group": "",
  "having": "",
  "search": false,
  "startingfrom": 0,
  "maxlength": 20,
  "options": []
}

如何使所有数据显示在列表项上。

非常感谢。

您通常会使用Angulars$http服务https://docs.angularjs.org/api/ng/service/控制器或工厂中的$http,然后将JSON数据绑定到控制器中的$scopehttps://docs.angularjs.org/guide/scope.

在html模板中,您使用ng-bind绑定(呈现)JSON数据https://docs.angularjs.org/api/ng/directive/ngBind.

我发现http://www.thinkster.io/pick/GtaQ0oMGIl/有助于学习angular的基础知识。