2016-12-05 52 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文件,我正試圖在angular.js中讀取這個json文件。如何閱讀在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文件有JavaScript語言是「+」以及$ sce.trustAsHtml方法等

如何我可以讀取在角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

JSON /views/online/product/json/01.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": "" 
    }] 
}]