2017-02-16 10 views
0

が、私はテンプレートだけでなく、JSONオブジェクトを送信していますフロントエンドでJSONオブジェクトの値を取得する私は、このJSONオブジェクト内を表示するにはどうすればよいDjangoのビューでレンダリングするよう

views.py

def view(request): 
return render(request, "projectboard/about.html", {'name':"daredevil"}) 

フロントエンド?

ここdata

<div ui-view> 
<div class="container"> 
<h1><center>The about Page</center></h1> 

</div> 
<script type="text/javascript"> 
data_from_django = {{ my_data }} 
widget.init(data_from_django); 
</script> 

答えて

1
def view(request): 
    data = {"name":"daredevil"} 
    return render(request, "projectboard/about.html", {'my_data':data}) 

about.htmlでそのkeyすなわち、ここで "MYDATA" とhtmlページhtmlページで

、アクセスdataに渡されるコンテキスト

 <div ui-view> 
<div class="container"> 
<h1><center>The about Page</center></h1> 

</div> 
<script type="text/javascript"> 
data_from_django = {{ my_data }} 
widget.init(data_from_django); 
</script> 
+0

"data_from_djangoが定義されていません"というメッセージが表示されました – ARUNIMA

+0

スクリプト外に{{my_data}}を表示できますか? – Bijoy

+0

Nope。それは何も示していない。 – ARUNIMA

0

にその行を変更してみてください:

var data_from_django = '{{ name|escapejs }}'; 

escapejsが正しくJavaScriptの文字列コンテキストの値をエスケープします。

+0

「data_from_djangoが定義されていません」というメッセージが表示されます – ARUNIMA

+0

ブラウザのコンソールにエラーがありましたか?または、Djangoのエラー画面から来ていますか?生成されたHTMLを次のように確認できますか? 'data_from_django = '{\' name \ ':\" daredevil \ "}';'? – Scovetta

+0

はい。それはブラウザコンソールにありました。キャッチされていないにReferenceError:Iaので (jquery.min.js:3) r.fn.init.afterで(jqueryの:(2 jquery.min.js)pで15 :5:data_from_djangoがで に定義されていませんmin.js:3) at Object.enter(angular.js:3970) at Object.enter(angle-ui-router.min.js:7) q(angular-ui-router.min.js: 7) at A(angle-ui-router.min.js:7) atスコープ。$ broadcast(angular.js:12329) at t.transition.N.then.t.transition.t.transition -ui-router.min.js:7) – ARUNIMA

関連する問題