[Ember.js]将模板助手创建的模板助手作为属性传递给组件,以便在组件模板中使用它?

n1ru4l

我正在使用paper-data-table,它是ember-paper的扩展两者都使用了我之前从未见过的技术,我将其描述为“模板助手创建模板助手”。

这是 ember-paper 工具栏组件的简单示例

{{#paper-toolbar as |toolbar|}}
 {{#toolbar.tools}}
   {{#paper-button}}
     Go Back
   {{/paper-button}}
   <h2>Toolbar with Standard Buttons</h2>
   <span class="flex"></span>
   {{#paper-button raised=true}}
     Learn More
   {{/paper-button}}
   {{#paper-button mini=true aria-label="Favorite"}}
    {{paper-icon "favorite"}}
   {{/paper-button}}
 {{/toolbar.tools}}
{{/paper-toolbar}}

创建了一个新的模板助手{{#paper-toolbar as |toolbar|}}在我的用例中,我想将纸数据表模板助手(/组件?)创建的行模板助手传递给另一个组件以封装其中的逻辑。

我试图把它作为一个论点传递下去:

{{#paper-data-table
   sortProp='sort'
   sortDir='asc'
   as |table|
}}
   {{#table.body as |body|}}
      {{#each questions as |question index|}}
          {{question-row
              row=body.row
          }}
      {{/each}}
  {{/table.body}}
{{/paper-data-table}}

但是,试图在的模板使用助手(/ component)在question-row成分

{{#row as |row|}}{{/row}}

我收到以下错误:

Assertion Failed: A component or helper named "row" could not be found Error

所以我想问一下这是否可能以及如何运作。

n1ru4l

这种方法称为上下文组件,我能够在我的问题行组件中使用以下代码解决它:

{{#component row as |row|}}
    {{#row.cell}}
       HALLO
    {{/row.cell}}
{{/component}}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用每个助手在ember.js车把模板中呈现一个简单列表?

来自分类Dev

Ember.js:将参数传递到使用把手{{view}}助手呈现的子视图

来自分类Dev

Ember组件的动态模板参数

来自分类Dev

Ember组件的动态模板参数

来自分类Dev

带有动态控制器/模板的Ember渲染助手

来自分类Dev

如何在ember.js中动态向模板添加{{link-to}}助手?(功能类似于$角度编译)

来自分类Dev

Ember.js 模板内模式将变量传递给向下传递的操作(上下文组件)

来自分类Dev

虚拟测试的Ember助手

来自分类Dev

Ember CLI测试助手

来自分类Dev

Ember - 扩展 {{component}} 助手

来自分类Dev

使用Helm模板助手创建过滤列表

来自分类Dev

将Ember助手的输出绑定到Ember输入助手的值

来自分类Dev

在ember-cli项目的模板中使用Ember组件后,删除默认的换行符

来自分类Dev

扩展Ember组件而不更改模板

来自分类Dev

Ember 重载,重新渲染组件模板

来自分类Dev

用ember-cli阻止助手

来自分类Dev

助手在Ember 1.10中损坏

来自分类Dev

添加Ember Data查询助手方法

来自分类Dev

Ember Simple Auth 1.0测试助手

来自分类Dev

具有外部把手模板的Ember.js

来自分类Dev

Ember.js为{{render}}助手设置模型数据

来自分类Dev

助手中的Ember.js动态内容

来自分类Dev

Ember JS绑定特定div内的助手

来自分类Dev

找不到Ember.js辅助助手

来自分类Dev

如何将数组属性传递给Ember组件?

来自分类Dev

从ember组件类获取ember组件的属性

来自分类Dev

如何仅将模型[0]从Ember中的模板传递到组件?

来自分类Dev

Ember,将动作从模板传递到组件时没有动作处理程序

来自分类Dev

使用UI或模板作为助手

Related 相关文章

热门标签

归档