Comment ajouter un élément dynamiquement dans angularjs sans utiliser de directive?

Question

Tout d'abord, je suis nouveau à Angularjs et pas bon en anglais.

J'ai essayé d'ajouter <li> en utilisant directive, et le lien ci-dessous est le résultat de mon premier objectif.

Add element using directive

deuxième valeur passe Controller-directive ou directive-Controller, connu sous le nom two-way binding.

Mais dans cette étape, je ne pouvais pas comprendre comment utiliser, = et '&'.

Je suppose que c'est à cause de l'utilisation de directive dans directive.

Dans mon code d'origine, mon modal est fait de directive, donc button directive semble ne pas pouvoir obtenir la valeur de Controller.

Je suis désolé je ne peux pas vous montrer mon propre code parce que je ne sais pas comment faire beaucoup de directive s en violon.

.

. Je veux savoir qu'il est possible d'ajouter un élément dynamiquement sans utiliser directive.

Peu importe ce que vous avez suggéré comme lien, doc, ou quelque chose, ce sera très utile pour moi.

Juste un peu d'attention s'il vous plaît. Je vous remercie. Bonne journée!

Answer 1

Cela peut être utile.

Vous pouvez utiliser javascript comme suit pour cela.

https://jsfiddle.net/u08pa50z/

angular.module('myApp', []) 


.controller('myCtrl', ['$scope', function($scope) { 
    $scope.count = 0; 
    var el = document.createElement("ul"); 
    el.style.width="600px"; 
    el.style.height="500px"; 
    el.style.background="green"; 

    var parent=document.getElementById("sib");  
    parent.appendChild(el); 





    $scope.myFunc = function() { 

     var ch = document.createElement("li");  
      el.appendChild(ch); 

    }; 
    }]); 

Answer 2

Vous pouvez aller avec ng-include

Récupère, compile et comprend un fragment HTML externe.