离子中列表项增加和删除的实现方法

  

,在项目中遇到表单似的页面,需要进行增加一行和减少一行的操作,例如:

  

离子中列表项增加和删除的实现方法”>,</p>
  <p>要实现可以选中商品,以及对商品的信息列表进行显示与否的操作</p>
  <p> html代码如下:</p>
  
  <pre类=   & lt; div类=癱hanpinxiangqing”比;   & lt; div类="项item-divider "祝辞产品明细& lt;/div>   & lt; div类=" chanpinxiangqing " ng-repeat=爸魅酥魅恕北?   & lt; div类="项item-divider "比;   & lt; div类=" " ng-click=" selectorOne(美元指数)”比;   & lt; div class=" chioceHook sPround”比;   & lt; div class=" ion-checkmark-round ng-hide”ng-show="的主人。检查“祝辞& lt;/div>   & lt;/div>   & lt;跨在产品& lt;/span>   & lt;/div>   & lt; div ng-click=" upOrdown(美元指数);“ng-class="{真的:“起来”,错误的:“上下按钮”}[master.updown]”祝辞& lt;/div>   & lt;/div>   & lt; ul类=" rzInfo " ng-show=癿aster.up”比;   & lt;李类="行"比;   & lt;跨类=" col-xs-5 "祝辞& lt; !——产品类型——在{{master.chanpinType}} & lt;/span>   & lt;选择类=" " ng-model=癿yselectType mobiscroll-select”=吧柚谩眒obiscroll-instance=把菔尽北?   & lt;选项值=" https://www.yisu.com/zixun/0 "祝辞请选择& lt;/option>   & lt;选项值=" https://www.yisu.com/zixun/1 "祝辞中药& lt;/option>   & lt;选项值=" https://www.yisu.com/zixun/2 "祝辞西药& lt;/option>   & lt;/select>   & lt;/li>   & lt;李类="行"比;   & lt;跨类=" col-xs-5 "祝辞& lt; !——产品名称,在{{master.chanpinName}} & lt;/span>   & lt;选择类=" " ng-model=癿yselectName”占位符=扒胙≡瘛癿obiscroll-select=吧柚谩眒obiscroll-instance=把菔尽北?   & lt;选项值=" https://www.yisu.com/zixun/0 "祝辞请选择& lt;/option>   & lt;选项值=" https://www.yisu.com/zixun/1 "祝辞注射剂& lt;/option>   & lt;选项值=" https://www.yisu.com/zixun/2 "祝辞麻醉剂& lt;/option>   & lt;/select>   & lt;/li>   & lt;李类="行"比;   & lt;跨类=" col-xs-5 "祝辞& lt; !——规格——在{{master.guige}} & lt;/span>   & lt;选择类=" " ng-model=癿yselectGuige”占位符=扒胙≡瘛癿obiscroll-select=吧柚谩眒obiscroll-instance=把菔尽北?   & lt;选项值=" https://www.yisu.com/zixun/0 "祝辞请选择& lt;/option>   & lt;选项值=" https://www.yisu.com/zixun/1 "祝辞10 ml   & lt;选项值=" https://www.yisu.com/zixun/2 "祝辞20 ml   & lt;/select>   & lt;/li>   & lt;李类="行"比;   & lt;跨类=" col-xs-5 "祝辞& lt; !——单位——在{{master.danwei}} & lt;/span>   & lt;输入类型="文本" name=" class=" col-xs-8 " value="/比;   & lt;/li>   & lt;李类="行"比;   & lt;跨类=" col-xs-5 "祝辞& lt; !——数量,在{{master.num}} & lt;/span>   & lt; !——& lt; b类=癱ontenteditable=" true " ng-model=癲ataclean祝辞& lt;/b>——比;   & lt;输入类型="文本" name=" class=" col-xs-8 " value="/比;   & lt;/li>   & lt;李类="行"比;   & lt;跨类=" col-xs-5 "祝辞& lt; !——单价(元)——在{{master.price}} & lt;/span>   & lt;输入类型="文本" name=" class=" col-xs-8 " value="/比;   & lt;/li>   & lt;李类="行"比;   & lt;跨类=" col-xs-5 "祝辞& lt; !——总价——在{{master.total}} & lt;/span>   & lt;输入类型="文本" name="只读的类=癱ol-xs-8”价值="/比;   & lt;/li>   & lt;/ul>   & lt;/div>   & lt;/div>   & lt; div类=" "祝辞& lt; span>合计发货总额:& lt;/span> & lt;/div>   & lt; div类=薄氨?   & lt; div类=癰tnadd ng-click”=疤砑?)”在增加& lt;/div>   & lt; div类=癰tndel ng-click”=吧境?)”在删除& lt;/div>   & lt;/div>      

js代码:

     //控制器及服务等   范式(fhShenQingAddCtrl,函数(美元范围、配置、ionicSlideBoxDelegate美元,rootScope美元,美元http, ionicPopup美元,faHuoService,超时美元,美元的窗口,加载、工具){//产品下的类型名称及规格的选择弹窗设置   美元的范围。设置={   主题:“mobiscroll”,   朗:“zh型”,   显示:“中心”,   cancelText:“取消”,   setText:“确定”,   alt="离子中列表项增加和删除的实现方法">

  

点击后
  

  

离子中列表项增加和删除的实现方法

  

以上所述是小编给大家介绍的离子中列表项增加和删除的实现方法,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

离子中列表项增加和删除的实现方法