« All deprecation guides
Deprecation Guide for
Deprecation Guide for
<LinkTo>
positional arguments
until: 4.0.0
id: ember-glimmer.link-to.positional-arguments
Invoking the <LinkTo>
component with positional arguments is deprecated.
See below how to migrate different usages of the component.
Inline form
Before:
{{link-to "About Us" "about"}}
~~~~~~~~~~~~~~~~~~
Invoking the `<LinkTo>` component with positional arguments is deprecated.
Instead, please use the equivalent named arguments (`@route`) and pass a
block for the link's content.
After:
<LinkTo @route="about">About Us</LinkTo>
Block form
Before:
{{#link-to "about"}}About Us{{/link-to}}
~~~~~~~
Invoking the `<LinkTo>` component with positional arguments is deprecated.
Instead, please use the equivalent named arguments (`@route`).
After:
<LinkTo @route="about">About Us</LinkTo>
Block form with single model
Before:
{{#link-to "post" @post}}Read {{@post.title}}...{{/link-to}}
~~~~~~~~~~~~
Invoking the `<LinkTo>` component with positional arguments is deprecated.
Instead, please use the equivalent named arguments (`@route`, `@model`).
After:
<LinkTo @route="post" @model={{@post}}>Read {{@post.title}}...</LinkTo>
Block form with multiple models
Before:
{{#link-to "post.comment" @comment.post @comment}}
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Comment by {{@comment.author.name}} on {{@comment.date}}
{{/link-to}}
Invoking the `<LinkTo>` component with positional arguments is deprecated.
Instead, please use the equivalent named arguments (`@route`, `@models`).
After:
<LinkTo @route="post.comment" @models={{array post comment}}>
Comment by {{comment.author.name}} on {{comment.date}}
</LinkTo>
Query params
Before:
{{#link-to "posts" (query-params direction="desc" showArchived=false)}}
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Recent Posts
{{/link-to}}
Invoking the `<LinkTo>` component with positional arguments is deprecated.
Instead, please use the equivalent named arguments (`@route`, `@query`) and the
`hash` helper.
After:
<LinkTo @route="posts" @query={{hash direction="desc" showArchived=false}}>
Recent Posts
</LinkTo>