angularjs国コードは、$ HTTPリクエストを経由してjsonfileから見上げる私は完全な国名を取得するためにJSONファイルから国コードを検索しようとしています

Question

：

$scope.fullname = function (option) { 
    $http.get('files/names.json').success(function (data) {  
     for (var i = 0; i < data.length; i++) {   
      if (data[i].key === option) 
       return data[i].value; 
     } 
    }) 
}; 

とマークアップで：

<td class="secondary-text">{{fullname (list.countrycode) }}</td> 

を

重大なエラーが発生し、ブラウザがクラッシュします。 誰かが私にこれを解決するのを手伝ってもらえますか？リストをメモリに入れ、そのリストから国コードを調べるにはどうすればいいですか？

私のJSONファイルは、このようなものです：

{ 
    "BD": "Bangladesh", 
    "BE": "Belgium", 
    "BF": "Burkina Faso", 
    "BG": "Bulgaria", 
    "BA": "Bosnia and Herzegovina", 
    "BB": "Barbados", 
    "WF": "Wallis and Futuna", 
    "BL": "Saint Barthelemy", 
    "BM": "Bermuda", 
    "BN": "Brunei", 
... 

Answer 1

もちろんブラウザは、この行でクラッシュします：

<td class="secondary-text">{{fullname (list.countrycode) }}</td> 

あなたはfullname()関数が呼び出される回数を知っていますか？すべてのダイジェストサイクル！これは何度も起こります。

$http.get('files/names.json').success(function (data) { 
    $scope.fullnames = data;  
}) 

を、ビューに、あなたは

<td class="secondary-text" ng-repeat="(key,value) in fullnames" ng-if="key == list.countrycode">{{value }}</td> 

Iドンのような何かを行うことができます：あなたのコントローラで

あなたは、コントローラ内から直接、サーバーに単一の呼び出しを作成する必要がありますHTMLの外観はわかりませんが、一時バインディングを使用して改善することもできます：

<td class="secondary-text" ng-repeat="(key,value) in ::fullnames" ng-if="key == list.countrycode">{{value }}</td>