在angular.js中从JSON文件中查询和返回数据
Consulting and returning data from JSON file in angular.js
我是angularjs新手,我有一些PHP和Rails的背景。
我正在制作一个简单的应用程序用于学习目的,在这个应用程序中,我将要求一个首都并给出国家,反之亦然。
我可以使用ui-router和很多我不知道的angular的东西,但我遇到了麻烦,特别是在de数据获取。
我的de capital --> state功能服务是:
.factory('CidadeFactory', ['$http', function($http) {
var vm = this;
vm.data = []
return $http.get('../dados.json')
.success(function(data) {
vm.data = data;
console.log(data)
})
.error(function(err) {
console.log(err);
})
我的控制器(还没有功能)是这样的:
angular.module('appUi').controller('CidadeCtrl', ['CidadeFactory',function(CidadeFactory){ }])
这个状态的html是:
<form action="">
<fieldset>
<label for="input-cidade">Type the capital name</label>
<input type="text" />
</fieldset>
</form>
和my .json:
{"itens": [
{ "state": "Rio Grande do Sul", "capital": "Porto Alegre " },
{ "state": "Santa Catarina", "capital": "Florianópolis" },
{ "state": "Paraná", "capital": "Curitiba" },
{ "state": "São Paulo", "capital": "São Paulo" },
{ "state": "Rio de Janeiro", "capital": "Rio de Janeiro" },
{ "state": "Minas Gerais", "capital": "Belo Horizonte" },
{ "state": "Espirito Santo", "capital": "Vitória" } ]}
我的问题是:我应该做些什么来获得输入的值,在我的json文件中,这个值是返回相对状态。例如:如果表单值是Curitiba,我应该返回paran
我应该使用下划线。js进行数据操作吗?
并且出于最佳实践的原因:在工厂中获取数据,在控制器中操作数据,这是更好的方法吗?还是有更好的方法?
建立链接的一种常用方法是观察控制器中文本字段的模型,并将回调函数绑定到它,该回调函数从工厂检索数据。
underscore.js用于数据操作听起来是个好主意,我不觉得有什么问题。
模板中:<input type="text" ng-model="enteredCapital" />
和Your state is {{state}}
在控制器中:$scope.$watch('enteredCapital', function() {
//call factory and do your thing
$scope.state = state; //return the state-value back to the template
});
相关文章:
- 使用DynamoDB查询返回
- Firebase:查询返回null
- sqlite查询返回错误-can'我不知道为什么
- 需要呈现MongoDB查询返回结果的特定索引/位置
- mongoose查询返回链接到用户的产品
- Node.js:从mongoose查询返回正确的JSON
- 当查询返回对象时,Express Mongo回调返回undefined
- 无法向 Mongoose 查询返回的对象添加新属性
- 将 mysql 查询返回的数据转换为 json(基于树)
- 获取所有表行并使用 CasperJS 中的 XPath 查询返回它们
- 在猫鼬查询返回集合之前,应用程序应该如何处理 http get 响应
- 如何根据查询返回选择 html 下拉列表
- j查询返回错误时间的日期格式
- 如何从解析查询返回对象
- 维基百科API没有为某些查询返回任何内容
- 有没有一种方法可以将每个文本区域自动调整为其大小's从数据库查询返回的数据
- 如何在 parse.com 中从查询返回值
- 你能制作Dojo'如果给定#id,则s查询返回单个节点
- 如何用javascript解析SQL查询返回
- 最大查询返回带有sequelise.js的null对象