How to upgrade from v1 to v2 Onsen.io

Ifthaker Hossain Palash

Hello

I been using the verison 1 for last 4 months, But the major update of v2 released in material design which looks perfect. How can i upgrade to version 2? It’s noted my apps are most offline version, so including js or css files from server will be impossible.

Any help?

patrick

Hi,
You can start by cloning the Quickstart example https://github.com/OnsenUI/onsenui2-quickstart. Ones you have downloaded the files, you should be able to play with it offline.

argelius

@Ifthaker-Hossain-Palash

I will be writing a migration guide for people who want to upgrade current Onsen UI 1.3.x projects to Onsen UI 2.0.

For Angular projects you need to load angular-onsenui.js in addition to onsenui.js since we’ve split the Angular code into a separate file. We’ve tried to keep backwards compatibility but there might be some things that break. I will compile the breaking changes into a guide.

Евгений Гедройц

@argelius , please tell me what is new for Sliding Menu. This code not work and have not any errors, in v2

<a href="#" onclick="menu.setMainPage('chapters.html')">

I tryed to compare my code with example v2, but do not see differences

Евгений Гедройц

This bug was because this code

<script>
			document.addEventListener("init", function(event) {
				if (event.target.id == "phrases") {
					console.log("works");
				}
			}, false);
		</script>

but i do not got error in console…
I inserted this code in v1.3 yet

Andi

@Евгений-Гедройц said:

This bug was because this code
<script>
			document.addEventListener("init", function(event) {
				if (event.target.id == "phrases") {
					console.log("works");
				}
			}, false);
		</script>
but i do not got error in console…
I inserted this code in v1.3 yet

Sliding Menu still uses Angular so, as argelius suggested, load angular-onsenui.js in addition to onsenui.js.

anandpatwari31

@argelius did you get chance to prepare migration guide from v1 to v2. I am planning to move my app to onsen2

argelius

@anandpatwari31 I haven’t written it yet. There are still some things changing so I will write it when all the features are done.

We are getting very close to releasing 2.0.0-rc.1 and I will write the guide when we release that.

Gatsbill

@argelius Any news on a possible migration guide? I really want to update onsen from 1.3.15 to the last onsen UI 2 one.
Thanks anyway for your hard work, Onsen UI is a very pleasant framework to use.

Fran Diox

@Ifthaker-Hossain-Palash @Евгений-Гедройц @anandpatwari31 @Gatsbill Here you have the migration guide. If you find any problem please report it :)

Gatsbill

@Fran-Diox Thank you very much, will try it this week!