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

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

我试图使用

指令添加
，下面的链接是我第一个目的的完成结果


第二种是将值从
控制器
传递到
指令
或从
指令
传递到
控制器
，称为
双向绑定

但是在这一步中，我不知道如何使用
@
、
=
和“&”

我猜这是因为在
指令
中使用了
指令

在我的原始代码中，我的模式由
指令
组成，因此
按钮指令
似乎无法从
控制器
获取值

很抱歉，我不能向您展示我自己的代码，因为我不知道如何制作许多
指令



我想知道是否有任何方法可以在不使用
指令的情况下动态添加元素

不管你建议什么，比如link，doc，或者其他什么，它都会对我很有帮助

请稍加注意。非常感谢。祝你今天愉快
 你可以和我一起去

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

这可能会有帮助

您可以按如下方式使用javascript来实现这一点


哦这就是我想要的！！对不起，是否可以将
指令
放入
附录子项
？我可以使用它，但我的元素太长，无法适应它。use可以使用$compile。（天哪！！你是我的救世主！！非常感谢你！
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);

    };
  }]);