如何将元素添加到<李>动态地

How to add Elements to <li> dynamically?

本文关键字：gt 动态 lt 元素 添加      更新时间：2023-09-26

我有一个类似的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类别）时，我想在ul标签中添加一个li标签

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

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

如果执行$scope.souscategorieData.push({nomsouscategorie:"bonjour"});，它将显示

相关文章：