day03_

最新推荐文章于 2022-01-18 11:52:43 发布

weixin_42333583

最新推荐文章于 2022-01-18 11:52:43 发布

阅读量149

点赞数

分类专栏：项目day03 品优购

本文链接：https://blog.csdn.net/weixin_42333583/article/details/82320924

版权

品优购同时被 2 个专栏收录

29 篇文章 1 订阅

订阅专栏

项目day03

5 篇文章 0 订阅

订阅专栏

功能:规格选项的新增和删除功能

编写controller代码

    //定义一个组合实体类对象
   $scope.entity={specification:{},specificationOptionList:[]};
   //添加规格卡功能
   $scope.addTableRow=function () {
       $scope.entity.specificationOptionList.push({});
}
//删除选项卡功能
   $scope.removeTableRow=function (index) {
       $scope.entity.specificationOptionList.splice(index,1);
}

--------点击删除按钮ng-click="removeTableRow($index)" ---------------------------------------------------------------
编写html的删除功能,ng-click="removeTableRow($index)" $index是ng-repeat="option in entity.specificationOptionList"循环的时候搞就可以拿到
<tbody>
   <tr ng-repeat="option in entity.specificationOptionList">

           <td>
               <input ng-model="pojo.optionName" class="form-control" placeholder="规格选项">
           </td>
           <td>
               <input ng-model="pojo.orders" class="form-control" placeholder="排序">
           </td>
           <td>
               <button type="button" class="btn btn-default" title="删除" ng-click="removeTableRow($index)" ><i class="fa fa-trash-o"></i> 删除</button>
           </td>
   </tr>
</tbody>

----------------点击新增按钮 ng-click="addTableRow()"-----------------------------------------------------------------------------------

<!-- 规格选项 -->
<div class="btn-group">
        <button type="button" class="btn btn-default" title="新建" ng-click="addTableRow()" >
               <i class="fa fa-file-o" ></i> 新增规格选项
        </button>
              
 </div>