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

Question

首先，我是 Angularjs 的新手，英语不好。

我尝试添加 <li>通过使用 directive , 下面的链接是我第一个目的的完成结果。

Add element using directive

其次是传递来自 Controller 的值至 directive或来自 directive至 Controller ，称为 two-way binding .

但是在这一步，我想不出如何使用@ , =和“&”。

我猜是因为使用了directive在 directive .

在我的原始代码中，我的模式由 directive 组成, 所以 button directive似乎无法从 Controller 中获取值(value).

很抱歉，我无法向您展示我自己的代码，因为我不知道如何制作许多 directive fiddle 。

.

.

我想知道有什么方法可以在不使用 directive 的情况下动态添加元素.

无论您建议什么，例如链接、文档或其他内容，都对我有很大帮助。

请稍微注意一下。谢谢。祝你有美好的一天!

Answer 1

这可能会有帮助。

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

    };
  }]);