coverage.jsで応答を返すとエラーが発生します

Question

私はデータ表示にcoverage.jsを使用しています。

私は私の変数を渡す（ここで私は、カバレッジ応答を得る）HTMLファイルに私たちが式を表示する角度のためにそれがそうであるように、それは構文エラーを与える：

私が取得する場所coveragedetailjsonが私の変数である

<div class="container" style="margin-top: 40px"> 
    <div id="jsonAnswer" class="jsonAnswer" style="display: none"> 
     {{coveragedetailjson}} 
    </div> 
</div> 

JSONとしての私の応答

var data = $.parseJSON($("#jsonAnswer").html()); 
var coverage = new Coverage(data); 

buildCoverageHTML = function (coverage) { 
    $(".coverage-section").remove(); 

    var plugin = new CoveragePlugin(coverage); 

    // Adds the demographic section 
    plugin.addEligibleMetadataSection(); 
    plugin.addDemographicsSection(); 
    plugin.addInsuranceSection1(); 
    plugin.addInsuranceSection2(); 
    plugin.addInsuranceSection3(); 
    plugin.addPlanMaximumMinimumDeductibles(); 
    plugin.addPlanCoinsurance(); 
    plugin.addPlanCopayment(); 
    plugin.addPlanDisclaimer(); 
    plugin.addAdditionalInsurancePolicies(); 
    plugin.addGenericServices(); 


    $('body').append(plugin.coverageSection); 
}; 

buildCoverageHTML(coverage); 

私が使用していますフィドルスクリプトタグで上記のコード：

https://jsfiddle.net/Eligible/pqspk8gf/?utm_source=website&utm_medium=embed&utm_campaign=pqspk8gf

SyntaxError : Unexpected token {

Answer 1

代わりにこの値にDOMにアクセスするの

var data = coveragedetailjson 

を使用する

var data = $.parseJSON($("#jsonAnswer").html()); 

を変更してみてください。

あなたのケースでは、コード{{coveragedetailjson}}は、コードの実行時にJSONデータに更新/置き換えられません。