2016-12-05 4 views
0
[{ 
    "title" : "제품 소재 (섬유의 조성 또는 혼용률을 백분율로 표시, 기능성인 경우 성적서 또는 허가서) 예시) 폴리에스터-75%", 
    "detail" : [ 
     { 
     "code" : "0101_0", 
     "title" : "제품 소재", 
     "html" : $sce.trustAsHtml("<input type='text' class='form-control' ng-model='details.value'>"), 
     "value" : "" 
     }, 
     { 
     "code" : "0101_1", 
     "title" : "기능성 여부", 
     "html" : $sce.trustAsHtml("<label class='radio-inline'><input type='radio' name='prod' ng-value='Y' ng-model='details.value'>대상 상품</label>" + 
     "<label class='radio-inline'><input type='radio' name='prod' ng-value='N' ng-model='details.value'>대상 아님</label>"), 
     "value" : "" 
     }]}] 

私は上記のJson Fileを持っており、このjsonファイルをangular.jsで読み込もうとしています。angular.jsでjavascriptを使用しているjsonファイルの読み方

$http.get('/views/online/product/json/01.json').success(function(data) { 
    $scope.prod_info = data; 
}).catch(function (err){ 
    console.log(err) 
}) 

が、それはJSONファイルbeacauseエラーは「+」と同様に$ sce.trustAsHtml方法など

ではJavaScript言語を持って示してどのように私は、角度はJavaScript言語を持っているJSONファイルを読み込むことができますか?

+0

されていないことJSONファイルこれはJavaScriptファイルです。あなたができる唯一のことは、それを読み込んで評価することです。 ( 'eval'は悪ですが、実際にあなたがしたいことがあれば、ここで選択する必要はありません)。あなたがやっていることを再考する方が良いかもしれません。 – Amadan

+2

JSONファイルで '$ sce.trustAsHtml()'を使っているのはなぜですか? – Satpal

+0

私はangular.jsでng-bind-htmlを使用します。 最初にangular.jsでそのjsonソース(ソース)を作成しました。 し、jsonソースを新しいjsonファイルにカットします。 jsonファイルはjsファイルではありません。このエラーが表示されます。 – EddyKim

答えて

0

/views/online/product/json/01.jsonのJSONが無効です。 JSONはAngularJS(レスポンスインターセプターなしデフォルト)でロードするためには有効である必要

、あなたはhttps://jsonformatter.curiousconcept.com/

を使用してJSONの有効性を確認することができ、以下に修正してください:

[{ 
    "title": "제품 소재...", 
    "detail": [{ 
     "code": "0101_0", 
     "title": "제품 소재", 
     "html": "<input type='text' class='form-control' ng-model='details.value'>", 
     "value": "" 
    }, { 
     "code": "0101_1", 
     "title": "기능성 여부", 
     "html": "<label class='radio-inline'><input type='radio' name='prod' ng-value='Y' ng-model='details.value'>대상 상품</label><label class='radio-inline'><input type='radio' name='prod' ng-value='N' ng-model='details.value'>대상 아님</label>", 
     "value": "" 
    }] 
}] 
関連する問題