如何將元素添加到 <li> 動態地？

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）時，我想將一個li標簽附加到ul標簽中

我有這樣的指令，我已經嘗試過了，但它不起作用，只是在ul中添加li沒有內容：

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

Answer 1

如果您執行$scope.souscategorieData.push({nomsouscategorie:"bonjour"}); 它會顯示