Notes for using the Onsen UI in mobile development

Source: Internet
Author: User

Today is an attempt to use the Onsen UI for mobile development. found that their English can't keep up, Ah, here to record some of the more commonly used things, convenient for later use.

1. How to open a new page

<ons-navigator var= "Mynavigator" ></ons-navigator><script>var options = {animation: ' Slide ',//What Animation to use Ontransitionend:function () {}//called when finishing Transition animation};mynavigator.pushpage ("page 2.html ", options);</script>

Simple notation:

<ons-navigator var= "Mynavigator" ></ons-navigator><script>mynavigator.pushpage ("page2.html", { Animation: ' Slide '});</script>

2. Pop-up box use and style

Use alert directly, just like your current phone theme pop-up box style

3. How to return the new page after the popup

On the new page that pops up, like the left side of top or the right to add

<ons-back-button> back</ons-back-button>



Notes for using the Onsen UI in mobile development

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.