2017-01-11 6 views
4

は、私がここに角度や方法ngのリピートに新たなんだ最後の値を示していることは私の問題です:私はテストが学ぶために作ってるんだNGリピートのみ

、ここで私は今、達成したいものです:ループいくつかのコンテンツを表示するテーブルのテーブルを介して

私の問題は次のとおりです。第2のng-repeatは最後の値のみを表示します。ここ

は、コントローラの私の宣言です:ここ

app.controller("ClientCtrl", function($scope){ 
$scope.ClientSections = [ 
    {title: 'Titre 1', element: 
     [{name: 'Toto', name: 'Contenu 1', name: 'Contenu 2', name: 'Contenu 3'}] 
    }, 
    {title: 'Titre 2', element: 
     [{name: 'Titi', name: 'Contenu 2'}] 
    }, 
    {title: 'Titre 3', element: 
     [{name: 'Titre 1', name: 'Contenu 3'}] 
    } 
]; 
}); 

は、あなたのelementオブジェクトが一つだけjsonその中に持つ配列であるためである私のパグテンプレート

element(ng-repeat="ClientSection in ClientSections") 
    h2 {{ClientSection.title}} 
     item(ng-repeat="Client in ClientSection.element") 
      p {{Client.name}} 

答えて

6

で、あなたのelementを更新しますになる:

element: 
    [{name: 'Toto'}, {name: 'Contenu 1'}, {name: 'Contenu 2'}, {name: 'Contenu 3'}] 

もちろん、すべてのオブジェクトに同じことを行わなければなりません。ああ、私が見る、おかげで、かなり新しいあまりにJSONに

+1

を閉じる必要があります! – Sunkhern

+0

@Sunkhernあなたは歓迎します、親切に将来の参考のために正しい答えとしてマーク:) –

5

あなたは括弧

app.controller("ClientCtrl", function($scope){ 
$scope.ClientSections = [ 
    {title: 'Titre 1', element: 
     [{name: 'Toto'}, {name: 'Contenu 1'}, {name: 'Contenu 2'}, {name: 'Contenu 3'}] 
    }, 
    {title: 'Titre 2', element: 
     [{name: 'Titi'}, {name: 'Contenu 2'}] 
    }, 
    {title: 'Titre 3', element: 
     [{name: 'Titre 1'}, {name: 'Contenu 3'}] 
    } 
];