Converting routing of Angular[2] V3, Dart 1 to Angular 5, Dart 2
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;
I'm busy migrating from Dart1 to Dart2 and as a result, i had to upgrade Angular from 3 to 5 as well.
I got stuck on the routing migration ...
This is what we had in Angular2 which was the same in Angular3:
@Component(
...
)
@RouteConfig(const [
/*Meta*/
const Route(path: "/home", component: AppHomeScene,
name: SceneRoute.APP_HOME_SCENE, useAsDefault: true),
const Route(path: "/project-home", component: ProjectHomeScene,
name: SceneRoute.PROJECT_HOME_SCENE,),
...
])
class AppBuild implements AfterContentInit, OnDestroy
...
In Angular5, i've removed that @RouteConfig
block, created a routes.dart
and a paths.dart
import 'package:angular_router/angular_router.dart';
import 'package:appbuild/enum/enums.dart';
class Paths
static final home = new RoutePath(path: "home", useAsDefault: true, additionalData: SceneRoute.APP_HOME_SCENE);
...
and
import 'package:appbuild/paths.dart';
export 'paths.dart';
class Routes
static final all = <RouteDefinition>[
/*Meta*/
RouteDefinition(routePath: Paths.home, component: AppHomeScene),
...
];
Where i currently have component: AppHomeScene
, the docs says it should be in the format hero_list_template.HeroListComponentNgFactory,
If i try to do the import though, IntelliJ marks it as an error:
import 'component/home/home-scene.template.dart' as 'home-scene-template';
At what point is that template generated for me to be able to do such an import or should i be doing something to the HomeScene
class in order for that template to be importable?
HomeScene
is just a standard component still in its Angular3 format:
@Component(
selector: 'home-scene',
// language=CSS
styles: const["""
...
"""
],
// language=HTML
template: """
...
""",
providers: const [...],
directives: const [...]
)
class AppHomeScene extends AppScene implements AfterContentInit, OnDestroy
....
angular dart angular-dart angular-dart-routing
add a comment |
I'm busy migrating from Dart1 to Dart2 and as a result, i had to upgrade Angular from 3 to 5 as well.
I got stuck on the routing migration ...
This is what we had in Angular2 which was the same in Angular3:
@Component(
...
)
@RouteConfig(const [
/*Meta*/
const Route(path: "/home", component: AppHomeScene,
name: SceneRoute.APP_HOME_SCENE, useAsDefault: true),
const Route(path: "/project-home", component: ProjectHomeScene,
name: SceneRoute.PROJECT_HOME_SCENE,),
...
])
class AppBuild implements AfterContentInit, OnDestroy
...
In Angular5, i've removed that @RouteConfig
block, created a routes.dart
and a paths.dart
import 'package:angular_router/angular_router.dart';
import 'package:appbuild/enum/enums.dart';
class Paths
static final home = new RoutePath(path: "home", useAsDefault: true, additionalData: SceneRoute.APP_HOME_SCENE);
...
and
import 'package:appbuild/paths.dart';
export 'paths.dart';
class Routes
static final all = <RouteDefinition>[
/*Meta*/
RouteDefinition(routePath: Paths.home, component: AppHomeScene),
...
];
Where i currently have component: AppHomeScene
, the docs says it should be in the format hero_list_template.HeroListComponentNgFactory,
If i try to do the import though, IntelliJ marks it as an error:
import 'component/home/home-scene.template.dart' as 'home-scene-template';
At what point is that template generated for me to be able to do such an import or should i be doing something to the HomeScene
class in order for that template to be importable?
HomeScene
is just a standard component still in its Angular3 format:
@Component(
selector: 'home-scene',
// language=CSS
styles: const["""
...
"""
],
// language=HTML
template: """
...
""",
providers: const [...],
directives: const [...]
)
class AppHomeScene extends AppScene implements AfterContentInit, OnDestroy
....
angular dart angular-dart angular-dart-routing
1
What do you mean? Angular 3 doesn't exist.
– Zooly
Nov 14 '18 at 8:11
Angular3 = Angular2 V3: pub.dartlang.org/packages/angular2/versions/3.1.0+1
– Jan Vladimir Mostert
Nov 14 '18 at 8:20
Oh ok, you mean the Angular version along with Dart! A bit ambigous at first read ^^
– Zooly
Nov 14 '18 at 8:21
Angular2 got rebranded to just Angular and then V3, V4, V5 was released with V6 being in beta i believe. AngularDart and AngularTypeScript also doing their own things it seems just to make it a bit more confusing :-D
– Jan Vladimir Mostert
Nov 14 '18 at 8:33
Haha you're right about confusing version number ^^ However, Angular 3 never existed. It has been AngularJS > Angular 2, 4, 5, 6, and 7 has been released some days ago. See this article stackoverflow.com/questions/41164866/… Anyway, it doesn't solve your issue !
– Zooly
Nov 14 '18 at 8:35
add a comment |
I'm busy migrating from Dart1 to Dart2 and as a result, i had to upgrade Angular from 3 to 5 as well.
I got stuck on the routing migration ...
This is what we had in Angular2 which was the same in Angular3:
@Component(
...
)
@RouteConfig(const [
/*Meta*/
const Route(path: "/home", component: AppHomeScene,
name: SceneRoute.APP_HOME_SCENE, useAsDefault: true),
const Route(path: "/project-home", component: ProjectHomeScene,
name: SceneRoute.PROJECT_HOME_SCENE,),
...
])
class AppBuild implements AfterContentInit, OnDestroy
...
In Angular5, i've removed that @RouteConfig
block, created a routes.dart
and a paths.dart
import 'package:angular_router/angular_router.dart';
import 'package:appbuild/enum/enums.dart';
class Paths
static final home = new RoutePath(path: "home", useAsDefault: true, additionalData: SceneRoute.APP_HOME_SCENE);
...
and
import 'package:appbuild/paths.dart';
export 'paths.dart';
class Routes
static final all = <RouteDefinition>[
/*Meta*/
RouteDefinition(routePath: Paths.home, component: AppHomeScene),
...
];
Where i currently have component: AppHomeScene
, the docs says it should be in the format hero_list_template.HeroListComponentNgFactory,
If i try to do the import though, IntelliJ marks it as an error:
import 'component/home/home-scene.template.dart' as 'home-scene-template';
At what point is that template generated for me to be able to do such an import or should i be doing something to the HomeScene
class in order for that template to be importable?
HomeScene
is just a standard component still in its Angular3 format:
@Component(
selector: 'home-scene',
// language=CSS
styles: const["""
...
"""
],
// language=HTML
template: """
...
""",
providers: const [...],
directives: const [...]
)
class AppHomeScene extends AppScene implements AfterContentInit, OnDestroy
....
angular dart angular-dart angular-dart-routing
I'm busy migrating from Dart1 to Dart2 and as a result, i had to upgrade Angular from 3 to 5 as well.
I got stuck on the routing migration ...
This is what we had in Angular2 which was the same in Angular3:
@Component(
...
)
@RouteConfig(const [
/*Meta*/
const Route(path: "/home", component: AppHomeScene,
name: SceneRoute.APP_HOME_SCENE, useAsDefault: true),
const Route(path: "/project-home", component: ProjectHomeScene,
name: SceneRoute.PROJECT_HOME_SCENE,),
...
])
class AppBuild implements AfterContentInit, OnDestroy
...
In Angular5, i've removed that @RouteConfig
block, created a routes.dart
and a paths.dart
import 'package:angular_router/angular_router.dart';
import 'package:appbuild/enum/enums.dart';
class Paths
static final home = new RoutePath(path: "home", useAsDefault: true, additionalData: SceneRoute.APP_HOME_SCENE);
...
and
import 'package:appbuild/paths.dart';
export 'paths.dart';
class Routes
static final all = <RouteDefinition>[
/*Meta*/
RouteDefinition(routePath: Paths.home, component: AppHomeScene),
...
];
Where i currently have component: AppHomeScene
, the docs says it should be in the format hero_list_template.HeroListComponentNgFactory,
If i try to do the import though, IntelliJ marks it as an error:
import 'component/home/home-scene.template.dart' as 'home-scene-template';
At what point is that template generated for me to be able to do such an import or should i be doing something to the HomeScene
class in order for that template to be importable?
HomeScene
is just a standard component still in its Angular3 format:
@Component(
selector: 'home-scene',
// language=CSS
styles: const["""
...
"""
],
// language=HTML
template: """
...
""",
providers: const [...],
directives: const [...]
)
class AppHomeScene extends AppScene implements AfterContentInit, OnDestroy
....
angular dart angular-dart angular-dart-routing
angular dart angular-dart angular-dart-routing
edited Nov 14 '18 at 8:36
Jan Vladimir Mostert
asked Nov 14 '18 at 7:28
Jan Vladimir MostertJan Vladimir Mostert
5,84895193
5,84895193
1
What do you mean? Angular 3 doesn't exist.
– Zooly
Nov 14 '18 at 8:11
Angular3 = Angular2 V3: pub.dartlang.org/packages/angular2/versions/3.1.0+1
– Jan Vladimir Mostert
Nov 14 '18 at 8:20
Oh ok, you mean the Angular version along with Dart! A bit ambigous at first read ^^
– Zooly
Nov 14 '18 at 8:21
Angular2 got rebranded to just Angular and then V3, V4, V5 was released with V6 being in beta i believe. AngularDart and AngularTypeScript also doing their own things it seems just to make it a bit more confusing :-D
– Jan Vladimir Mostert
Nov 14 '18 at 8:33
Haha you're right about confusing version number ^^ However, Angular 3 never existed. It has been AngularJS > Angular 2, 4, 5, 6, and 7 has been released some days ago. See this article stackoverflow.com/questions/41164866/… Anyway, it doesn't solve your issue !
– Zooly
Nov 14 '18 at 8:35
add a comment |
1
What do you mean? Angular 3 doesn't exist.
– Zooly
Nov 14 '18 at 8:11
Angular3 = Angular2 V3: pub.dartlang.org/packages/angular2/versions/3.1.0+1
– Jan Vladimir Mostert
Nov 14 '18 at 8:20
Oh ok, you mean the Angular version along with Dart! A bit ambigous at first read ^^
– Zooly
Nov 14 '18 at 8:21
Angular2 got rebranded to just Angular and then V3, V4, V5 was released with V6 being in beta i believe. AngularDart and AngularTypeScript also doing their own things it seems just to make it a bit more confusing :-D
– Jan Vladimir Mostert
Nov 14 '18 at 8:33
Haha you're right about confusing version number ^^ However, Angular 3 never existed. It has been AngularJS > Angular 2, 4, 5, 6, and 7 has been released some days ago. See this article stackoverflow.com/questions/41164866/… Anyway, it doesn't solve your issue !
– Zooly
Nov 14 '18 at 8:35
1
1
What do you mean? Angular 3 doesn't exist.
– Zooly
Nov 14 '18 at 8:11
What do you mean? Angular 3 doesn't exist.
– Zooly
Nov 14 '18 at 8:11
Angular3 = Angular2 V3: pub.dartlang.org/packages/angular2/versions/3.1.0+1
– Jan Vladimir Mostert
Nov 14 '18 at 8:20
Angular3 = Angular2 V3: pub.dartlang.org/packages/angular2/versions/3.1.0+1
– Jan Vladimir Mostert
Nov 14 '18 at 8:20
Oh ok, you mean the Angular version along with Dart! A bit ambigous at first read ^^
– Zooly
Nov 14 '18 at 8:21
Oh ok, you mean the Angular version along with Dart! A bit ambigous at first read ^^
– Zooly
Nov 14 '18 at 8:21
Angular2 got rebranded to just Angular and then V3, V4, V5 was released with V6 being in beta i believe. AngularDart and AngularTypeScript also doing their own things it seems just to make it a bit more confusing :-D
– Jan Vladimir Mostert
Nov 14 '18 at 8:33
Angular2 got rebranded to just Angular and then V3, V4, V5 was released with V6 being in beta i believe. AngularDart and AngularTypeScript also doing their own things it seems just to make it a bit more confusing :-D
– Jan Vladimir Mostert
Nov 14 '18 at 8:33
Haha you're right about confusing version number ^^ However, Angular 3 never existed. It has been AngularJS > Angular 2, 4, 5, 6, and 7 has been released some days ago. See this article stackoverflow.com/questions/41164866/… Anyway, it doesn't solve your issue !
– Zooly
Nov 14 '18 at 8:35
Haha you're right about confusing version number ^^ However, Angular 3 never existed. It has been AngularJS > Angular 2, 4, 5, 6, and 7 has been released some days ago. See this article stackoverflow.com/questions/41164866/… Anyway, it doesn't solve your issue !
– Zooly
Nov 14 '18 at 8:35
add a comment |
1 Answer
1
active
oldest
votes
The template.dart file is created for each .dart file that has a template after the first build is run on your application. IntelliJ doesn't know to compile your application before it should analyze your code.
Suggest you do a build of your app, and then refresh the analysis results.
add a comment |
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53295062%2fconverting-routing-of-angular2-v3-dart-1-to-angular-5-dart-2%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
The template.dart file is created for each .dart file that has a template after the first build is run on your application. IntelliJ doesn't know to compile your application before it should analyze your code.
Suggest you do a build of your app, and then refresh the analysis results.
add a comment |
The template.dart file is created for each .dart file that has a template after the first build is run on your application. IntelliJ doesn't know to compile your application before it should analyze your code.
Suggest you do a build of your app, and then refresh the analysis results.
add a comment |
The template.dart file is created for each .dart file that has a template after the first build is run on your application. IntelliJ doesn't know to compile your application before it should analyze your code.
Suggest you do a build of your app, and then refresh the analysis results.
The template.dart file is created for each .dart file that has a template after the first build is run on your application. IntelliJ doesn't know to compile your application before it should analyze your code.
Suggest you do a build of your app, and then refresh the analysis results.
answered Nov 20 '18 at 1:27
Ted SanderTed Sander
1,38137
1,38137
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53295062%2fconverting-routing-of-angular2-v3-dart-1-to-angular-5-dart-2%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
1
What do you mean? Angular 3 doesn't exist.
– Zooly
Nov 14 '18 at 8:11
Angular3 = Angular2 V3: pub.dartlang.org/packages/angular2/versions/3.1.0+1
– Jan Vladimir Mostert
Nov 14 '18 at 8:20
Oh ok, you mean the Angular version along with Dart! A bit ambigous at first read ^^
– Zooly
Nov 14 '18 at 8:21
Angular2 got rebranded to just Angular and then V3, V4, V5 was released with V6 being in beta i believe. AngularDart and AngularTypeScript also doing their own things it seems just to make it a bit more confusing :-D
– Jan Vladimir Mostert
Nov 14 '18 at 8:33
Haha you're right about confusing version number ^^ However, Angular 3 never existed. It has been AngularJS > Angular 2, 4, 5, 6, and 7 has been released some days ago. See this article stackoverflow.com/questions/41164866/… Anyway, it doesn't solve your issue !
– Zooly
Nov 14 '18 at 8:35