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

时间:2015-12-04 10:26:24

标签: javascript jquery angularjs cordova ionic-framework

我有一个像这样的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>

当我点击按钮(&#39; ajouter类别)时,我想在ul标签中附加一个li标签

我有这样的指示,我试过这个,但它没有用 它只是在没有内容的情况下添加了一个li:

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

1 个答案:

答案 0 :(得分:3)

如果您执行$scope.souscategorieData.push({nomsouscategorie:"bonjour"});,则会显示