comment créer dynamiquement une div dans angulaire d'avoir une certaine classe?
Je veux créer une div sur le clic d'un bouton:
la div doit être comme ceci:
<div class="my-blur"><div>
Je suis en train de faire ceci:
$scope.showFloatingActioButtons = function() {
var newEle = angular.element('<div class="my-blur"></div>');
$compile(newEle)($scope);
}
Vous devez vous connecter pour publier un commentaire.
Vous y êtes presque... vous avez juste besoin d'ajouter que cet élément du DOM quelque part.
Et à moins d'avoir des liaisons ou des directives sur votre nouvel élément, il n'y a pas de raison de le compiler.
J'ai ajouté un exemple pour aider à éliminer toute confusion.
JS:
CSS:
HTML:
newEle.appendTo is not a function
var newEle = angular.element('<div class="my-blur"></div>'); angular.element(document.getElementById('search-button')).append(newEle);
ng-repeat
et normale de la liaison de données. Évidemment, vous pouvez le faire de cette façon, mais vous perdez les avantages d'AngularJS à ce point.