如何在不使用伪指令的情况下在angularjs中动态添加元素？

首先，我是Angularjs的新人，而且不擅长英语。如何在不使用伪指令的情况下在angularjs中动态添加元素？

我试着用directive加上<li>，下面的链接完成了我第一个目的的结果。

Add element using directive

第二个是通过从值到Controller或directive从directive到Controller，被称为two-way binding。

但在这一步，我无法弄清楚如何使用@，=和“&”。

我猜这是因为在使用directive的directive。

在我原来的代码中，我的模态是由directive组成的，所以button directive似乎无法从Controller获得值。

我很抱歉，我不能告诉你我自己的代码，因为我不知道如何在小提琴使许多directive秒。

。

我想知道有什么办法不使用directive动态添加元素。

不管你提出什么样的链接，文档，或什么的，这将是很大的帮助我。

只要给一点敬请关注。谢谢。祝你今天愉快！

来源

2017-09-26 CRDeity

这可能有帮助。

实现这一目标可以按如下方式使用JavaScript。

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); 

    }; 
    }]);

来源

2017-09-26 05:12:59

哦！这就是我要的！！对不起，但可以在'appendChild'中放置'directive'吗？我可以使用这个，但是我的元素太长以至于无法适应这一点。 – CRDeity

使用可以使用$编译这个。（https://www.codeproject.com/Tips/1038684/AngularJs-Add-Remove-Directives-Dynamically-Save-D)[https://www.codeproject.com/Tips/1038684/AngularJs-Add-Remove-指令 - 动态保存 - D] –

哦，我的！你是我的救星！非常感谢！ – CRDeity

您可以ng-include

取指令去，编译和包括外部HTML片段。

来源

2017-09-26 04:51:51

如何在不使用伪指令的情况下在angularjs中动态添加元素？

回答

相关问题