ember.js - 覆盖 LinkComponent EmberJs 1.13.15

Question

我使用 EmberJs 1.13.15 和 Ember-CLI ，我试图通过添加以下代码来稍微修改主要的 LinkComponent 行为：

应用程序/组件/导航链接到.js：

import Ember from 'ember';

export default Ember.LinkComponent.extend({
  tagName: 'li'
});

应用程序/模板/组件/导航链接到.hbs：

<a href="">{{yield}}</a>

我在以下位置使用此组件：

应用程序/模板/导航栏.hbs：

<ul class="nav navbar-nav">
   {{#nav-link-to 'index'}}Home{{/nav-link-to}}
</ul>

但是每当我在浏览器中打开导航栏模板时，什么都没有显示，并且在 ember 检查器的控制台中显示以下错误

未捕获的类型错误：无法读取未定义的属性“切片”

有什么帮助吗？

提前致谢。

Answer 1

您必须params在您的组件中添加。您还必须调用组件this._super的init方法。下面是扩展链接的工作组件代码。

import Ember from 'ember';
export default Ember.LinkComponent.extend({
    tagName: 'li',
    positionalParams: 'params',
    init: function() {
      this._super(...arguments);
    },
    didReceiveAttrs: function() {
      this.attrs.params = this.get('params');
      this.attrs.hasBlock = true;
    }
});