在工作过程中往往需要自定义的弹框。因此,将内容整理如下,以方便学习。若有不当之处,敬请斧正!
思路
- 利用ionic自带的弹框$ionicPopup。
- 隐藏头部和尾部,只保留body部分
在利用templateUrl或者template,引入需要的模板
代码
$ionicPopup.show({
cssClass:'team-popup',
template: "<div class='list popup-form'>" +
"<div class = 'form-title'>{
{
tempItem.name}}</div>" +
"<div class='form-content'>" +
"<div class='input-name'>input1:</div>" +
"<div class='input-area'><input type='number' placeholder='10.00' ng-model='tempItem.input1'></div>" +
"</