從angular.js中的JSON文件咨詢和返回數據

Question

我是angularjs的新手，並且具有PHP和Rails的背景知識。

我正在制作一個用於研究目的的簡單應用程序，在該應用程序中，我將要求提供資本並提供國家資助，反之亦然。

我對ui-router和很多我不知道的有關angular的東西都還可以，但是我在處理de data fetching時特別麻煩。

我為資本->狀態功能提供的服務是：

.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>

和我的.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á。

我應該使用underscore.js進行數據處理嗎？

出於最佳原因：這是將數據保留在工廠中以及在控制器上進行數據操縱的更好方法，還是有更好的方法呢？

Answer 1

AFAIK建立鏈接的一種常用方法是在控制器中觀察文本字段的模型，並將回調函數綁定到該模型，該回調函數從工廠檢索數據。

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 });