dart - 有没有更好的方法在与 AngularDart 的链接中按名称引用路由？

Question

我的 AngularDart 应用程序中有许多命名路线。我以老式的方式创建链接，如下所示:

<a href="#/activities">Go</a>

那看起来很脆。如果我更改路径或更改策略而不是哈希更改，则需要更改所有链接。

我可以做这样的事情:

<a ng-link="activities">Go</a>

哪里 activities是我的路由配置中的路由名称。

Answer 1

现在您可以使用路由器为您生成这些 URL。

router.url('activities', {});

第二个参数(应该是可选的)是参数值的映射。例如，如果您有一个类似 /activity/:activityId 的路径那么你可以这样做:

router.url('activity', {'activityId', '12345'});

URL 生成器也尊重路由的当前状态，所以假设你有一个像 foo.bar.baz 这样的事件路由。 , 和 foo被参数化并且您以某种方式获得了 bar 路线(例如通过 RouteProvider 或查询 router.root.getRoute('foo.bar') )然后您不需要知道 foo 的值为 baz 生成 URL 的路由参数， 你可以做:

Route bar = router.root.getRoute('foo.bar');
router.url('baz', {}, startingFrom: bar);

现在，您需要手动将生成的 URL 插入模板:
<a href="{{ctrl.generatedUrl}}">link</a>