javascript - 如何动态添加元素到？

Question

我有一个像这样的html

<button type="button" class="button button-block button-positive" ng-click="AjoutSousCategorie()"  style="color: bleu;">Ajouter Sous categorie</button>

    <ul class="list">

        <li class="item" ng-repeat="souscategorie in souscategorieData" id="souscategorie{{souscategorieData.idsouscategorie}}">
                {{souscategorie.nomsouscategorie}} <a href="#" ng-click="SupprimerSousCategorie(souscategorie.idsouscategorie)"> <i class="fa fa-trash-o fa-fw"></i> </a><a href="#"> <i class="fa fa-pencil fa-fw" ></i></a> 
            </li>

当我点击按钮('ajouter categorie)时，我想在 ul 标签中附加一个 li 标签

我有这样的指令，我已经尝试过，但它不起作用它只是在 ul 中添加一个没有内容的 li :

 $scope.AjoutSousCategorie=function(){
         $scope.souscategorieData.push("bonjour");
}

Answer 1

如果你这样做 $scope.souscategorieData.push({nomsouscategorie:"bonjour"}); 它会显示