Açısal JS varsayılan olarak paragraf oluşturmuyor

Question

Json dosyasından paragraf ekliyorum. Onları nasıl sayabilirim (.length ile denedim) ve eğer 10'dan daha azsa, varsayılanları oluşturup bunları sayfaya eklemem gerekir. Örneğin kullanıcı, bazı özel metin içeren paragraflar ekleyebilir ve 3 paragraf eklerse, varsayılan olarak 7 tane daha eklemek istiyorum. Yani her zaman 10 sayfada bulunur. İşte benim yapıdır ve ben sadece 4 json dosyasında var çünkü şu anda 4 paragraflar gösteriyor: Kullanıcı paragraf ekleme yoksa

<div class="row" ng-repeat="p in list.paragraphs" ng-class="isSelectedBoard(p)"> 
    <p class="slide-wrap" ng-click="setMasterBoard(p)"> 
     some text goes here 
    </p> 
</div> 

Yani, yine, bazı varsayılan metin ile sayfadaki 10 göstermek gerekir ve eğer kullanıcı 1 paragraf eklerse, o zaman 1 özel paragraf ve 9 varsayılanı olacaktır.

Herhangi bir fikir bunu nasıl başarabilirim?

Teşekkürler.

DÜZENLEME:

Denetleyici:

$scope.list = {}; 

$http.get('name.json').success(function(data, status, headers, config) { 

    $scope.list = data; 

}); 

Answer 1

ben denetleyicisi bu yapardı. json dosyasından paragrafları ekler fonksiyonda, dosyadan tüm paragraflar ekledikten sonra, basit bir şekilde olsa 10.

angular.module('app', []).controller('MyController', function($scope) { 
 

 
    $scope.list = { 
 
    paragraphs: [{ 
 
     text: 'This is a user paragraph.', 
 
     defaultBG: '#000' 
 
    }, { 
 
     text: 'This is another user paragraph.', 
 
     defaultBG: '#000' 
 
    }, { 
 
     text: 'This is a third user paragraph.', 
 
     defaultBG: '#000' 
 
    }] 
 
    } 
 

 
    var defaultParagraph = { 
 
    text: 'This is a default paragraph.', 
 
    defaultBG: '#000' 
 
    }; 
 

 
    for (var i = $scope.list.paragraphs.length; i < 10; i++) { 
 
    $scope.list.paragraphs.push(defaultParagraph); 
 
    } 
 

 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 
<div ng-app="app" ng-controller="MyController"> 
 
    <div class="row" ng-repeat="p in list.paragraphs track by $index" ng-class="isSelectedBoard(p)"> 
 
    <p class="slide-wrap" ng-click="setMasterBoard(p)"> 
 
     {{p.text}} 
 
    </p> 
 
    </div> 
 
</div>