gpt4 book ai didi

javascript - Ionic 和 Angular 完全陌生,需要有关外部 json 请求的建议

转载 作者:行者123 更新时间:2023-12-03 09:02:13 25 4
gpt4 key购买 nike

我刚刚开始使用 ionic,我知道这可能非常简单。我一直在阅读有关如何使用 ionic 和 Angular 文章,但一直无法解决这个简单的小任务。

我只想简单地从外部文件中提取 json。我仍在阅读文档,但目前还无法弄清楚如何做到这一点。

http://codepen.io/anon/pen/wKwxpX

    var myApp = angular.module('myApp', ['ionic']);

myApp.controller('MainCtrl', function() {

//instead of hard coded json, I need to get json from an external source here

this.items = [
{title: "Item 1"},
{title: "Item 2"},
{title: "Item 3"},
{title: "Item 4"},
{title: "Item 5"},
]

for (var i = 0; i < 1000; i++)
this.items.push(i);
});

最佳答案

您可以使用$http调用为外部ajax创建ajax,并在内部成功调用将该结果绑定(bind)到$scope变量。

此外,您还需要将标题括在 " 双引号中,使其成为有效的 json,如 "title"

标记

<body ng-controller="MainCtrl as main">
<ion-header-bar class="bar-positive">
<h1 class="title">1000 Items</h1>
</ion-header-bar>
<ion-content>
<ion-list>
<ion-item collection-repeat="item in main.items">
{{item.title}}
</ion-item>
</ion-list>
</ion-content>
</body>

Controller

var myApp = angular.module('myApp', ['ionic']);

myApp.controller('MainCtrl', function($http) {
var main = this
$http.get('data.json').success(function(data){
main.items = data;
})
});

数据.JSON

[{
"title": "Item 1"
}, {
"title": "Item 2"
}, {
"title": "Item 3"
}, {
"title": "Item 4"
}, {
"title": "Item 5"
}]

Demo Plunkr

关于javascript - Ionic 和 Angular 完全陌生,需要有关外部 json 请求的建议,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32274868/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com