AngularJS,将硬编码json替换为$http.get并呈现结果
如果我从以下JSFIDLE中的硬编码项列表切换 使用普通的$httpAngularJS,将硬编码json替换为$http.get并呈现结果,angularjs,smart-table,Angularjs,Smart Table,如果我从以下JSFIDLE中的硬编码项列表切换 使用普通的$http $http.get('/mypath.json').then (response) => response.data) 数据是异步的,并在呈现表后返回。我不需要监听更改,只需要json和搜索/排序客户端(因为它现在可以工作)。如何使用http get实现这一点 Post accept EDIT:对于我也要签出的表据我所知,您希望将$scope.items中的现有值替换为获取值的$http请求 首先-将硬编码条目移动
$http.get('/mypath.json').then (response) =>
response.data)
数据是异步的,并在呈现表后返回。我不需要监听更改,只需要json和搜索/排序客户端(因为它现在可以工作)。如何使用http get实现这一点
Post accept EDIT:对于我也要签出的表据我所知,您希望将
$scope.items
中的现有值替换为获取值的$http
请求
首先-将硬编码条目移动到JSON文件中。第二-删除控制器中的硬编码项。
第三,进行以下http调用:
$http.get('/path/to/your/json/file')
.success(function (result) {
$scope.items = result;
//We now have the data with us. Prepare for display
$scope.search();
});
第四个-删除第100行的$scope.search()
-您可以看到它现在在获取项目后被调用
就这样。你不需要改变任何其他的事情——不需要听众。异步调用返回项目时,代码将准备项目并显示
这演示了代码。plunkr显示了不相关的内容,“映射语法”、“字符串语法”。您的plunkr是否被覆盖或忘记保存?我看到data.json是相关的,但仅此而已。我认为它被覆盖了。。。你还在寻找一个完整的例子吗?没有必要,它按照你的建议工作!它重新绘制了表格,我想这是ng repeat的一部分。有点不可思议,但是任何新的框架一开始都是这样的。再次感谢你,卡图蒂,你太棒了!