我如何对外部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的基础知识。
相关文章:
- Javascript-如何读取json文件中的列并将其保存在Javascript数组中
- 在使用Polymer'加载所有json文件后执行方法;s的核心ajax
- 不显示带有本地json文件数据的谷歌地图脚本
- 可以't使用Appcelerator将JSON文件解析为JavaScript中的TableView
- 加载两个具有相同父密钥名称的json文件
- 使用JSON文件中的变量(字符串)填充文本区域
- 动态显示JSON文件内容
- 将JSON转换为放入Sdcard中的CSV文件
- 正在尝试将JSON文件放入JS数组
- 如何检查Json文件更新,如果更新了,则用更新的数据刷新我的页面
- 单击按钮更改加载到表中的JSON文件
- 创建一个包含两个文件 json 的 Angularjs 过滤器
- Multer上传文件+JSON对象
- 使用node.js读取和写入文件(JSON)
- 如何在angularjs中设置变量's值来上传文件json数据
- 向现有文件. Json写入Json,没有“语法错误”
- 如何保存更新json(文件json)与jquery或javascript
- AngularJS:当使用$http请求一个文件(json content)时发生SyntaxError
- 如何简化此代码?将文件json转换为数组json
- 如何从外部文件JSON创建JAVASCRIPT数组