问题标签 [ember-components]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
35 浏览

javascript - 检查 Emberjs 中的组件分配了哪些属性

我编写了一个组件来显示选择模式对话框。

这是一个多选组件,valuePool是候选列表,value是选中列表。现在我想在这个组件内同时支持多选和单选,当它是单模式时,代码应该是这样的:

我希望组件本身可以通过观察分配给它的属性(值或单值)来识别它是处于单模式还是多模式。

我不知道如何在组件 js 中实现这一点。

另外,我还想知道是否有一个函数可以获取组件中所有分配的属性名称。对于上述两个示例,它将如下所示:

0 投票
0 回答
142 浏览

ember.js - attributeBindings 和 classBindings 不附加到
在 Ember 2.1 中使用组件助手?

我有一个小部件仪表板应用程序,其中使用组件助手显示各个小部件。模板最终看起来像这样:

一个Widget实例将返回类似的路径displayComponentwidgets/category/specific-widget

在 Ember 2.1 中,我发现组件上定义的attributeBindingsclassBindings没有被应用。我认为它们在 Ember 1.13 中被应用了。

换句话说,在 1.13 中考虑一个这样定义的组件:

我会得到一个<div id="ember..." style="height:300px" class="ember-view widget-content">...</div>. 现在我只是得到默认的<div id="ember..." class="ember-view">...</div>.

我对旧的行为有误解吗?如果没有,有没有办法让这项工作成为旧方式?

PS 我无法在任何地方找到组件助手的文档。那是在 ember.js 网站上吗?

编辑:开发人员错误...我的小部件模板的路径与我的小部件代码不同(复数)。例如:我的模板是,app/templates/components/widgets/categories/widget.hbs但我的小部件代码是app/components/widgets/category/widget.js. 因为 Ember 默认在里面插入了一个组件代码,所以没有抛出错误。如果我在另一个方向犯了错误,就会抛出错误。

0 投票
0 回答
635 浏览

ember.js - 在 ember-cli 项目中找不到导入的模块错误

我想将一个名为 loanCalc 的函数包装在一个模块中,以供 Ember-cli 项目中的其他 Ember 对象使用。我做了以下事情:

Ember-cli 创建一个名为 app/loan-calc.js 的文件。贷款-calc.js 看起来像这样:

我尝试通过使用以下方式导入模块来在组件中使用loanCalc:

当我运行应用程序时,我收到此错误:

component.js 文件位于 tw/app/pods/components/scenario/display-scenaro。loan-calc.js 文件位于 tw/app/utils 中。

文件显然在那里。我究竟做错了什么?我是否需要在 ember-cli-build.js 文件或其他一些 ember-cli 生成的文件中做一些事情来完成这项工作?我是 ember-cli 的新手,仍在努力寻找解决方法。

更新 我将loan-calc.js 复制到与我的组件相同的目录中,并尝试使用以下命令导入:

我得到了同样的错误:

我是否在某个地方错过了一步,或者我的命名约定有问题?

更新

我尝试时出现同样的错误:

我实际上是在尝试导入组件。手续不一样吗?

0 投票
1 回答
878 浏览

ember.js - Ember ember-views.render-double-modify 弃用

我正在尝试消除我最近在我的代码中引入的弃用,我需要一些帮助。

弃用的是:

您在一次渲染中修改了 ... 两次。这在 Ember 1.x 中不可靠,将在 Ember 2.0 中删除 [弃用 id: ember-views.render-double-modify]

我想要做的是显示分数列表,然后显示总分。我需要删除最低分数,而不是将其包含在计算的总分中。我有这个工作。当我尝试通过 classNameBindings 将 CSS 类添加到已排除的分数时,就会出现弃用。

我很确定当我在计算总计的计算属性期间执行 Ember.set 时会发生这种情况。

我的问题是,当我更改表单中的分数时,我还能如何使用 CSS 更新总分?

代码细节:我有两个组件;score-rowJudge-row。score-row 接收一个 score 对象数组,循环遍历每个 score 调用 Judge-score 组件。

更新这里是一个工作的 Ember Twiddle 演示了这个问题:

https://ember-twiddle.com/6696d907b604aa750201?numColumns=1

index.js - (为这个问题提取的模拟代码)

索引.hbs

得分行.hbs

得分-row.js:

裁判分数.hbs

法官分数.js

谢谢!

0 投票
1 回答
2603 浏览

javascript - 如何将组件动态添加到另一个组件中的 div 中?

当我想尝试将一个组件添加到div另一个组件的 DOM 中时出现错误。

未捕获的错误:断言失败:您不能附加到现有的 Ember.View。考虑改用 Ember.ContainerView。

这是我的JSBin

你能看看并告诉我怎么做吗?

非常感谢您

0 投票
1 回答
242 浏览

css - 避免 ember 包裹我的组件

这是我的组件:

我使用的是:

预期的html是:

但是由于 ember 将组件包装在 div 中,引导规则不再适用,并且列表组的样式错误。

如果我将组件标签更改为a,并link-to从组件模板中删除,我会失去 - 的灵活性,link-to并且我不知道如何在包含标签中设置属性(href,类)。

看来我不能为此使用 Ember 组件?或者有没有办法告诉 ember no 将我的组件包装在 adiv或其他任何东西中:为了使 CSS 工作,不得修改标记结构。

0 投票
1 回答
173 浏览

ember.js - 如何在不注入服务的情况下制作承诺感知组件?

我刚刚开始学习 Ember,并尝试创建一个表格组件。我希望表格组件在数据仍在获取时呈现加载/微调器(承诺尚未实现)。

我从一篇博文中找到了一个例子——在它解决之前渲染一个承诺——效果很好。但是,就我而言,我认为表格组件不会自行加载数据。我认为让路由处理它会更加灵活。

因此,我进一步查看并找到了另一篇博文 - Promise-aware controllers and components with Ember.js。它完全符合我的喜好。但是,我想知道是否:

  1. 将 PromiseProxyMixin 混合到 Component 中,是一种 hack,还是它的设计使用方式?
  2. 无论如何通过promise属性更改发送数据。我认为这样做很奇怪:

    {{ember-table promise=model.data}}

我尝试使用计算字段来为名称取别名,承诺其他内容,但它似乎不起作用。

0 投票
1 回答
144 浏览

javascript - 未捕获的 NOT_FOUND_ERR:NOT_FOUND_ERR:使用 plupload 时 Ember 中的 DOMException 8

在 ember 中使用plupload组件时,控制台上似乎出现错误,并且 plupload 也不工作

正在实例化文件输入...

moxie.js:3027Uncaught NOT_FOUND_ERR: NOT_FOUND_ERR: DOMException 8

我参考了这个链接

先感谢您

0 投票
1 回答
32 浏览

ember.js - 避免在动作中重复方法名称

如何避免在我的 ember 组件中重复我的 foo 方法?

0 投票
1 回答
139 浏览

xml - 在 Ember 中,如何绑定名称带有冒号的属性?

我想创建一个组件,其根元素是

我可以使用简单的属性绑定来设置其中的大部分:

一个不起作用的是xmlns:xlink. 如果我尝试将其添加为属性绑定,Ember 会将冒号解释为将属性绑定到属性xlink的值,xmlns因此我得到

如何为此属性设置属性绑定?