Angularjs - Comment 'ng-repeat' un div pour la valeur en ng-model'-fois?
Utilisant Angularjs, je veux créer, disons, 10 <div>
si les entrées de l'utilisateur '10' dans une zone de texte.
<input type="text" id="gcols" placeholder="Number of Columns" ng-model="cols"/>
Donc, quelle que soit la valeur de l'utilisateur entre dans cette zone, ceux de nombreux, doit être créé. Donc, mon généralisée de la question est, comment 'ng-repeat' un <div>
pour "ng-model' fois?
Mise à JOUR:
Apprécier pour toutes vos réponses, j'ai fait quelque chose comme suit, en se référant à vos réponses. Et c'est en travaillant comme de maintenant, mais dites-moi si la logique est plus efficace que cela.
$scope.divs = new Array();
$scope.create=function(){ //I added a button & invoked this function on its ng-click
var a = $scope.cols;
for(i=0;i<a;i++)
{
$scope.divs.push(a);
}
alert($scope.divs);
};
double possible de ng-répétez nombre défini de fois au lieu de répéter plus de tableau?
OriginalL'auteur Sujit | 2014-01-02
Vous devez vous connecter pour publier un commentaire.
Vous avez besoin pour créer un tableau pour itérer sur elle.
Dans votre contrôleur:
De votre point de vue:
JSFiddle
Désolé. J'ai édité mon échantillon. vous pouvez vérifier le jsfiddle lien.
OriginalL'auteur Alborz
DÉMO: http://jsfiddle.net/JsFUW/
Dans votre module/app/controller
Dans le modèle
Comme question , essayez ceci :
Dans le contrôleur
Dans le modèle
Voyez-vous que le changement de valeur sur la page que vous tapez ? Si pas de dollars de votre portée.cols n'est pas dans le modèle de portée.
H i Sujit, mise à jour de la réponse à la résolution, et un lien vers un exemple de travail.
OriginalL'auteur Rob Sedgwick
De votre point de vue:
Dans votre contrôleur:
Sinon, vous pouvez rouler votre propre directive utilisé transclusion se répéter plusieurs fois, mais qui pourrait s'impliquer et probablement ne va pas gagner beaucoup.
OriginalL'auteur Ben Lesh