angular，添加，删除元素，动态

最新推荐文章于 2023-07-24 11:11:42 发布

Paddy哥

最新推荐文章于 2023-07-24 11:11:42 发布

阅读量1.1k

点赞数 1

分类专栏： js 文章标签： angular angularJS

本文链接：https://blog.csdn.net/weixin_38351566/article/details/101217982

版权

js 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

HTML:

<div ng-repeat="p in postBack" style="overflow: hidden;">
    <div class="form-group" style="width: 47.5%;float: left;">
        <input type="text" class="form-control" name="firstName{{$index}}"/>
    </div>
    <div class="form-group"  style="width: 47.5%;float: left;margin-bottom: 0px">
        <input type="text" class="form-control"  name="lastName{{$index}}" />
    </div>
    <button style="top: 36px;right: 0px;color: #9960a7;opacity: inherit;position: relative;" type="button" ng-click="addGuestName(postBack.length)" ng-show="$index==0">+</button>
    <button style="top: 35px;right: 0px;color: #9960a7;opacity: inherit;position: relative;" type="button" ng-click="deleteGuestName($index)" ng-show="$index!=0">×</button>
</div>

JS:

$scope.postBack = [{}];
$scope.addGuestName = function(idx){
    var postBack={};
    $scope.postBack.push(postBack);

};
$scope.deleteGuestName = function(idx){
    $scope.postBack.splice(idx,1);
};

就OK啦。就利用ng-repeat数组。谢谢

可以参考https://blog.csdn.net/weixin_36185028/article/details/72866963