如何在 Ember 3.8 中调用嵌套的 ember 组件

Question

我正在尝试使用新的基于角度的语法调用在名为 expandable-items 的父组件中定义的名为 icon-plus-button 的组件旧方法类似于

{{#expandable-items/icon-plus-button
    expandedText=
    text=(t 'sideBarNav.dashboard')
    expanded=expanded linkTo='dashboard'
    toggleExpanded={{action "toggleExpanded"}}
}}
    {{fa-icon "line-chart"}}
{{/expandable-items/icon-plus-button}}

而新方法类似于

<ExpandableItemsIconPlusButton
  @expanded={{this.expanded}}
  @expandedImage={{fa-icon "angle-double-left"}}
  @expandedText={{t "sideBarNav.collapseMenu"}}
  @toggleExpanded={{action "toggleExpanded"}}
/>

我收到这条错误消息

opcode-compiler.js:140 Uncaught Error: Compile Error: Cannot find component expandable-items-icon-plus-button
    at opcode-compiler.js:140
    at Compilers.compile (opcode-compiler.js:42)
    at compile (opcode-compiler.js:718)
    at LazyCompiler.add (opcode-compiler.js:912)
    at CompilableBlock.compile (opcode-compiler.js:707)
    at Object.evaluate (runtime.js:717)
    at AppendOpcodes.evaluate (runtime.js:69)
    at LowLevelVM.evaluateSyscall (runtime.js:3270)
    at LowLevelVM.evaluateInner (runtime.js:3216)
    at LowLevelVM.evaluateOuter (runtime.js:3208)

Answer 1

开箱即用的 Ember 3.8 无法做到这一点。使用 https://github.com/rwjblue/ember-angle-bracket-invocation-polyfill 或升级到 Ember 3.10

语法是：

<ExpandableItems::IconPlusButton ...

如何在 Ember 3.8 中调用嵌套的 ember 组件

How do I call nested ember components in Ember 3.8

javascript

frameworks

ember.js