Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ionic-framework/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 使用ionicModal在多个部分中进行表单分离_Angularjs_Ionic Framework_Angular Ui Bootstrap - Fatal编程技术网

Angularjs 使用ionicModal在多个部分中进行表单分离

Angularjs 使用ionicModal在多个部分中进行表单分离,angularjs,ionic-framework,angular-ui-bootstrap,Angularjs,Ionic Framework,Angular Ui Bootstrap,我正在尝试在ionicframework中创建注册表表单 用户单击“注册”按钮,模式窗体将向上滑动 在此表单中,用户必须添加个人信息,如姓名、电子邮件和密码 用户必须单击下一步按钮 我希望用户添加额外的信息,如工作信息(职务、公司名称)、联系信息(电话号码、地址) 这是我的问题。 当用户单击“下一步”按钮时,如何转到IonicModel中的下一部分(职务信息)? 个人信息将不会保存,用户可以通过“业务信息”部分的“后退”按钮返回it部分 用户可以注册,如果他们不想填写额外的信息,如工作信息和联系

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

  • 用户单击“注册”按钮,模式窗体将向上滑动
  • 在此表单中,用户必须添加个人信息,如姓名、电子邮件和密码
  • 用户必须单击下一步按钮
  • 我希望用户添加额外的信息,如工作信息(职务、公司名称)、联系信息(电话号码、地址)

    这是我的问题。

    当用户单击“下一步”按钮时,如何转到IonicModel中的下一部分(职务信息)?

    个人信息将不会保存,用户可以通过“业务信息”部分的“后退”按钮返回it部分

    用户可以注册,如果他们不想填写额外的信息,如工作信息和联系信息


    感谢advanced提供的建议。

    您可以在模型中放置一个幻灯片框:

    然后,当他们点击下一页按钮时,使用幻灯片代理滑动到下一页$ionicSlideBoxDelegate/

    如果您不想让他们能够滑动滑动滑动(并且只能在按下按钮时滑动),您可以使用禁用

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

    如果用户需要返回,您可以使用幻灯片代理滑回上一张幻灯片。完成后,您可以简单地关闭模式

    谢谢你的回答。我可以禁用刷卡而不是单击“下一步”按钮吗?据我所知,slidebox可以通过滑动来导航。我从来没有在modal中使用过slidebox。是的,slidestop只是禁用了滑动部分,如果禁用了滑动,您只需单击一个按钮即可触发功能。在该函数中,只需将$ionicSlideBoxDelegate.next()放入下一张幻灯片,或将$ionicSlideBoxDelegate.previous()放入上一张幻灯片。查看我发布的链接,它们帮助了很多Hank@Jess,谢谢你的帮助。