form separation in multiple sections using ionicModal

Question

I am trying to create register form in ionicframework.

1. user click register button and Modal form will slide-up.
2. In this form, user have to add personal info such as name, email and password.
3. User have to click next button.

I wish user to add extra information such as job info (job title, company name), contact info (phone no, address)

Here is my question.

how can I go to next section (job info) in ionicModal when user click to next button?

personal info will not be saved and user can go back to it section by back button in business info section.

user can register if they do not want to fill extra information such as job info and contact info

Thank advanced for suggestions.

Answer 1

您可以在模式中放置一个幻灯片框：http://ionicframework.com/docs/api/directive/ionSlideBox/

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

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

禁用

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

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