Ember JS - 链接
{{link-to}}} 组件可用于创建指向路线的链接。
语法
{{#link-to route}}
//代码在这里
{{/link-to}}
下表列出了链接的属性 −
| S.No. | 链接 &描述 |
|---|---|
| 1 | 多个段
对于多个段，如果路由是嵌套的，您可以为每个段提供模型或标识符。 |
| 2 | 使用 Link-to 作为内联助手
通过将链接文本作为助手的第一个参数提供，将 link-to 用作内联组件。 |
| 3 | 在链接上添加其他属性
您可以在创建链接时添加其他属性。 |
| 4 | 替换历史记录条目
您可以在使用 link-to 帮助程序在路线之间移动时将条目添加到浏览器的历史记录中。 |
示例
以下示例显示如何链接到不同的路线。创建新路由并将其命名为 note，然后打开 router.js 文件来定义 URL 映射 −
import Ember from 'ember';
import config from './config/environment';
const Router = Ember.Router.extend ({
location: config.locationType,
rootURL: config.rootURL
});
Router.map(function() {
this.route('note');
});
export default Router;
使用以下代码打开在 app/templates/ 下创建的 application.hbs 文件 −
{{#link-to 'note'}}Click Here{{/link-to}}
{{outlet}}
当您点击上述链接时，页面应打开 note.hbs 文件并显示以下文本−
<h4>Welcome to TutorialsPoint</h4>
{{outlet}}
输出
运行 ember 服务器，您将收到以下输出 −
当您单击链接时，它将显示来自模板文件的文本，如以下屏幕截图所示 −
emberjs_template.html
