AngularJS - Önceden var olan öğelerle ng-yinelemesi nasıl yapılır

Question

Bir liste için ng-repeat kullanmayı deniyorum, ancak Django ile oluşturulmuş önceden var olan liste öğelerine sahip olmak istiyorum.

Not: AngularJS InterpolateProvider olarak {[{ }]}'u ayarlamıştım.

<ul ng-controller="ListController"> 
    {% for item in existing_list %} 
     <li> 
      <span>{{item.firstName}}</span> 
      <span>{{item.lastName}}</span> 
     </li> 
    {% endfor %} 

    <li ng-repeat="item in items"> 
     <span>{[{item.firstName}]}</span> 
     <span>{[{item.lastName}]}</span> 
    </li> 
</ul> 

Şimdi, ng-controller

kullanarak bu öğeleri işlemek istediğiniz HTML örnek Sorum şu

function ListController($scope){ 
    $scope.items = [{firstName: "Bob", lastName: "Smith"}]; 
} 

app.js, nasıl ekleyebilir Django tarafından oluşturulan önceden mevcut liste öğeleriile birleştirilecek?

Answer 1

Şimdi nasıl yapıyorum, mevcut verileri kapsam içine enjekte etmek için ngInit kullanıyor. Yani tür gerekecek:

<ul ng-controller="ListController" ng-init='items = {% existing_list.toJSON() %}'> 

(üzgünüm, ben JSON nesne seri nasıl bilmiyorum)