Javascript 在Html中附加angularjs

好的，这是代码。在这里，一旦点击按钮，我想在ul中显示列表的值

js文件

$('#myBox').append("<li ng-repeat='name in event'>"{{name}}"</li>");

$（“#myBox”）.append（
“{{name}}”
”；

html文件

<ul id='myBox'></ul>
<button class="btn btn-default" ng-click="sometask()">Click me</div>

点击我

单击后，我想在ul中显示列表的值，但无法看到结果。 如果我需要附加简单值，那么我会这样做

var name = "Hello World";
$('#myBox').append("<li>"+name+"</li>");

var name=“你好世界”；
$（“#myBox”）。追加（“
”+name+“
”）；

但是用ng repeat我不能用这个东西。所以请帮帮我

---

谢谢

你的列表应该就在你控制器的某个地方，然后你的代码应该只在列表中添加一个项目，angular会为你呈现它

<div ng-controller="listCtrl">
<ul id='myBox' >
    <li ng-repeat='name in event'>
         name 
    </li>
</ul>
<button class="btn btn-default" ng-click="sometask()">Click me</div>

---

在将html插入DOM之前，需要编译它

    var myApp = angular.module('myApp', []);
    myApp.controller('AngularCtrl',['$scope','$compile',function($scope,$compile){
          $scope.event = ['one','two','three','four','five'];
          $scope.sometask = function(){
              var html = $compile("<li ng-repeat='name in event'>{{name}}</li>")($scope);
             angular.element(document.querySelector('#myBox')).append(html);
          }
    }]);

var myApp=angular.module（'myApp'，[]）；
myApp.controller（'AngularCtrl'，['$scope'，'$compile'，函数（$scope，$compile）{
$scope.event=[‘一’、‘二’、‘三’、‘四’、‘五’]；
$scope.sometask=function（）{
var html=$compile（$scope）；
元素（document.querySelector（'#myBox'））.append（html）；
}
}]);

在将html添加到DOM之前，需要编译html。请使用$compile service。检查此选项

    var myApp = angular.module('myApp', []);
    myApp.controller('AngularCtrl',['$scope','$compile',function($scope,$compile){
          $scope.event = ['one','two','three','four','five'];
          $scope.sometask = function(){
              var html = $compile("<li ng-repeat='name in event'>{{name}}</li>")($scope);
             angular.element(document.querySelector('#myBox')).append(html);
          }
    }]);