AngularJS - 如何處理ng-repeat與預先存在的項目

我正在嘗試使用ng-repeat作爲列表，但我想要使用Django呈現的預先存在的列表項。AngularJS - 如何處理ng-repeat與預先存在的項目

注意：我已將{[{ }]}設置爲我的AngularJS InterpolateProvider。

HTML樣品

<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>

現在，我想用ng-controller

來處理這些物品app.js

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

我的問題是，我該怎麼加Django生成的預先存在的列表項目將與一起加入？

來源

2013-04-08 AlexCheuk

看起來會更有意義，以合併數據爲JSON和創建的所有項目NG-重複。服務器上列表硬編碼部分的缺點是失去了使用角度過濾列表的能力 – charlietfl 2013-04-08 03:34:56

只是想知道你是否解決了這個問題以及如何解決問題。我目前正面臨同樣的問題。 – 2014-08-23 15:26:21

我現在的做法是使用ngInit將現有數據注入到範圍中。所以，你會有種：

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

（對不起，我不知道如何序列化對象JSON）

來源

2013-04-08 07:53:50

感謝您的回答。我想到了這一點，但我真的想避免打印JSON所使用的確切方式 – AlexCheuk 2013-04-10 08:11:36

AngularJS - 如何處理ng-repeat與預先存在的項目

回答

相關問題