我如何执行托管在外部 url 上的 json 文件的 ng-repeat答案

【问题标题】：how I do the ng-repeat of json file hosted on the external url我如何执行托管在外部 url 上的 json 文件的 ng-repeat
【发布时间】：2016-07-19 17:08:33
【问题描述】：

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

这个网址上的json文件是：

{
  "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": []
}

如何获取所有数据以显示在列表项上。

非常感谢。

【问题讨论】：

使用 $http 获取数据并将响应分配给您的模型...参见文档
强烈建议你学习一些基本的角度教程docs.angularjs.org/tutorial。另请阅读How to Ask。这个问题太笼统了，这不是一个教程服务

标签： javascript php angularjs json ionic-framework

【解决方案1】：

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

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

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

【讨论】：