使用 ionicModal 在多个部分形成分离

Question

我正在尝试在 ionicframework 中创建注册表单。

1. 用户点击注册按钮，Modal 表单将向上滑动。
2. 在此表单中，用户必须添加姓名、电子邮件和密码等个人信息。
3. 用户必须单击下一步按钮。

我希望用户添加额外的信息，例如职位信息（职务、公司名称）、联系信息（phone 否、地址）

这是我的问题。

当用户单击下一步按钮时，如何转到 ionicModal 中的下一部分（工作信息）？

个人信息不会被保存，用户可以通过商家信息部分的后退按钮返回该部分。

如果用户不想填写工作信息和联系信息等额外信息，可以注册

感谢高级的建议。

Answer 1

您可以在模态框内放置一个滑动框：http://ionicframework.com/docs/api/directive/ionSlideBox/

然后当他们点击下一页按钮时，使用滑动委托滑动到下一页。 http://ionicframework.com/docs/api/service/$ionicSlideBoxDelegate/

如果您不希望它们能够滑动滑动（并且仅在按下按钮时滑动），您可以使用

禁用

$scope.slidestop = function (index) {
            $ionicSlideBoxDelegate.enableSlide(false);
        };

如果用户需要返回，您可以使用幻灯片委托来滑回上一张幻灯片。完成后，您可以简单地关闭模态。