Can AngularDart route directly to a component?

Question

I'm using AngularDart and routing. My views are one-liners that contain a single component. I feel the views are not carrying their weight. Can I route directly to a component?

---

Example:

router.root
  ..addRoute(
      name: 'welcome',
      path: '/welcome',
      defaultRoute: true,
      enter: view('views/welcome.html'))
  ..addRoute(
      name: 'camera',
      path: '/camera',
      enter: view('views/camera.html'));

And here's views/welcome.html

<welcome></welcome>

And here's views/camera.html

<camera></camera>

---

As you can see, those views are pretty weak. I'm much rather say: "when you enter a view, insert this component"

Is that possible?

Answer 1

This seems to be directly supported now

see https://github.com/angular/angular.dart/issues/425

You can route to an inline template (viewHtml):

views.configure({
  'foo': ngRoute(
      path: '/foo',
      viewHtml: '<foo-component></foo-component>')
});