custom-form.html 1.3 KB

123456789101112131415161718192021222324
  1. <ion-view view-title="自定义表单" hide-back-button="true">
  2. <ion-nav-buttons side="right">
  3. <button class="button button-clear" ng-click='ok();'>完成</button>
  4. </ion-nav-buttons>
  5. <ion-nav-buttons side="left">
  6. <button class="button button-clear" ng-click='cancel();'>取消</button>
  7. </ion-nav-buttons>
  8. <ion-content>
  9. <div class="item item-divider dividercolor dividertextcolor" ng-if="fieldItems.length>0" ng-click="preview();">点击预览</div>
  10. <div class="item-divider item-divider-defineform"></div>
  11. <ion-list>
  12. <ion-item class="empclass item-icon-right" type="item-text-wrap" ng-repeat="item in fieldItems" ng-href="{{tohref(item)}}">
  13. <h2>{{item.name}}<i class="ion-ios-compose-outline"></i></h2>
  14. <p class="from-p">字段类型:{{item.fieldtype.name}}({{item.required?"必填":"选填"}})</p>
  15. <i class="icon ion-navicon-round icon-accessory"></i>
  16. </ion-item>
  17. </ion-list>
  18. <div class="item-divider item-divider-defineform"></div>
  19. <ion-item class="positive" type="item-text-wrap" style="text-align:center" ng-href="#/fieldtype/-1">
  20. 添加字段&nbsp;<i class="ion-plus"></i>
  21. </ion-item>
  22. </ion-content>
  23. </ion-view>