如何在AngularJS中使用Django對象變量列表？

Question

所以我有這樣的一個變量從Django的：

[<Topic object>, <Topic object>] 

我把它傳遞給角使用ng-init這樣的：

<div class="profile-navigation" ng-init="ProfileTopics={{ProfileTopics|safe}} "> 

我的語法解析錯誤，而不是成功的。

angular.js:12520 Error: [$parse:syntax] http://errors.angularjs.org/1.4.8/ $parse/syntax?p0=%3C&p1=not%20a%20primary%20expression&p2=16&p3=ProfileTopics%3D%5B%3CTopic%3A%20Topic""bject%3E%2C%20%3CTopic%3A%20Topic%object%3E%5D&p4=%3CTopic%3A%20Topic%object%3E%2C%20%3CTopic%3A%20Topic%object%3E%5D at Error (native) at https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.8/angular.min.js:6:416 at Object.s.throwError (https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.8/angular.min.js:210:32) at Object.s.primary (https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.8/angular.min.js:207:6) at Object.s.unary (https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.8/angular.min.js:206:174) at Object.s.multiplicative (https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.8/angular.min.js:205:434) at Object.s.additive (https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.8/angular.min.js:205:261) at Object.s.relational (https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.8/angular.min.js:205:96) at Object.s.equality (https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.8/angular.min.js:204:425) at Object.s.logicalAND (https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.8/angular.min.js:204:278)

Answer 1

你不能只發送一個對象從Django到Angular。您需要先將其序列化爲JSON。

您可以使用Django的內置序列化程序以基本方式實現該功能，但第三方項目Django Rest Framework更具可定製性且更易於使用。

Answer 2

爲了找到Angular，我發現this是一個了不起的指南。 爲了從Django中發送，您可能需要：

1. 轉換這些對象類型的字典
2. 使用JSONResponse返回數據