Upgrade to Angular 2 rc.5

[demisx]

Angular 2 RC.5 has changed a few things around introducing a bunch of breaking changes. Currently, it represents the expected public API of the 2.0 release according to the Angular dev team. Would be very helpful to have this Quickstart UI Router app upgraded to support the ngModule based rc.5 release.

[christopherthielen]

Yep, I'm working on it. rc.5 introduced some breaking changes for ui-router (also totally changed how apps should be bootstrapped)

[demisx]

Thank you for excellent news Chris. 👍 We are refactoring our rc.4 app as well.

[kolkov]

Hi! Thank you for your work, @christopherthielen
I was started my new big project on Angular1 and ui-router one month ago, but now I'm trying to completely rewrite it on Angular2 and ui-router-ng2.
I look forward to updates!

[demisx]

@christopherthielen Any rough ETA on this? Don't mean to rush, just trying to get an idea for some internal planning. Thank you for all your excellent work.

[christopherthielen]

Before next Friday; hopefully sooner

[reyramos]

I've submitted a pull request with updated module to RC5, check it out

[reyramos]

Provided a webpack example forked from this repo, thanks for the quickstart.

[christopherthielen]

@reyramos thanks for PR.

There are some major changes for ui-router-ng2 bootstrap coming soon because of NgModule!

[christopherthielen]

ui-router 1.0.0-beta.2 is released with NgModule support.

quickstart-ng2/src/app.module.ts

Lines 12 to 43 in 2997ec4

	/**
	* Define the app's root NgModule
	*
	* This module:
	* - imports the other initial (non-lazy-loaded) application modules
	* - provides the UIRouter instance
	* - registers router configuration
	* - enables hash urls ("#/foo")
	* - provides a module lazy loading strategy (SystemJSModuleLoader)
	* - registers states
	* - bootstraps a ui-view
	*/
	@UIRouterModule({
	imports: [
	BrowserModule,
	FooModule,
	BarModule,
	// BazModule will be lazy loaded
	],
	providers: [
	// Provide the UIRouter instance to the root module
	provideUIRouter({ configClass: MyUIRouterConfig, useHash: true }),
	// Provide a lazy loading strategy
	{provide: NgModuleFactoryLoader, useClass: SystemJsNgModuleLoader}
	],
	// provide the initial states
	states: MAIN_STATES,
	// bootstrap a UIView component
	bootstrap: [UIView]
	})
	export class AppModule { }

Lazy loading of NgModule is now supported. See:

• quickstart-ng2/src/app.states.ts

  Lines 10 to 11 in 2997ec4

  	// This is the Future State for lazy loading the BazModule
  	{ name: 'app.baz', url: '/baz', lazyLoad: loadNgModule('src/baz/baz.module') }

• quickstart-ng2/src/baz/baz.module.ts

  Lines 1 to 10 in 2997ec4

  	import {UIRouterModule} from "ui-router-ng2";
  	import {SharedModule} from "../.module";
  	import {BAZ_STATES} from "./baz.states";
  	/** The Baz NgModule. */
  	@UIRouterModule({
  	imports: [SharedModule],
  	states: BAZ_STATES
  	})
  	export default class BazModule { }

[demisx]

Thank you so much for upgrading to the latest Angular 2 rc6!