如何在angularjs中动态添加元素而不使用指令?

时间:2017-09-26 04:41:02

标签: html angularjs angularjs-directive element

首先,我是Angularjs的新人,而且不擅长英语。

我尝试使用<li>添加directive,以下链接已完成我的第一个目的。

Add element using directive

其次是将值从Controller传递到directive或从directive传递到Controller,称为two-way binding

但是在这一步中,我无法弄清楚如何使用@=和&#39;&amp;&#39;。

由于在directive中使用directive,我猜对了。

在原始代码中,我的模态由directive组成,因此button directive似乎无法从Controller获取值。

对不起,我无法向您展示我自己的代码,因为我不知道如何在小提琴中制作许多directive

我想知道有没有办法动态添加元素而不使用directive

无论您的建议如链接,文档或其他内容,它都会对我很有帮助。

请注意一下。谢谢。祝你有愉快的一天!

2 个答案:

答案 0 :(得分:5)

这可能会有所帮助。

您可以使用以下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);

    };
  }]);

答案 1 :(得分:1)

您可以使用ng-include

  

获取,编译并包含外部HTML片段。