问题标签 [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.
javascript - 检查 Emberjs 中的组件分配了哪些属性
我编写了一个组件来显示选择模式对话框。
这是一个多选组件,valuePool
是候选列表,value
是选中列表。现在我想在这个组件内同时支持多选和单选,当它是单模式时,代码应该是这样的:
我希望组件本身可以通过观察分配给它的属性(值或单值)来识别它是处于单模式还是多模式。
我不知道如何在组件 js 中实现这一点。
另外,我还想知道是否有一个函数可以获取组件中所有分配的属性名称。对于上述两个示例,它将如下所示:
ember.js - attributeBindings 和 classBindings 不附加到在 Ember 2.1 中使用组件助手?
我有一个小部件仪表板应用程序,其中使用组件助手显示各个小部件。模板最终看起来像这样:
一个Widget
实例将返回类似的路径displayComponent
:widgets/category/specific-widget
。
在 Ember 2.1 中,我发现组件上定义的attributeBindings
和classBindings
没有被应用。我认为它们在 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 默认在里面插入了一个组件代码,所以没有抛出错误。如果我在另一个方向犯了错误,就会抛出错误。
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 复制到与我的组件相同的目录中,并尝试使用以下命令导入:
我得到了同样的错误:
我是否在某个地方错过了一步,或者我的命名约定有问题?
更新
我尝试时出现同样的错误:
我实际上是在尝试导入组件。手续不一样吗?
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-row和Judge-row。score-row 接收一个 score 对象数组,循环遍历每个 score 调用 Judge-score 组件。
更新这里是一个工作的 Ember Twiddle 演示了这个问题:
https://ember-twiddle.com/6696d907b604aa750201?numColumns=1
index.js - (为这个问题提取的模拟代码)
索引.hbs
得分行.hbs
得分-row.js:
裁判分数.hbs
法官分数.js
谢谢!
javascript - 如何将组件动态添加到另一个组件中的 div 中?
当我想尝试将一个组件添加到div
另一个组件的 DOM 中时出现错误。
未捕获的错误:断言失败:您不能附加到现有的 Ember.View。考虑改用 Ember.ContainerView。
这是我的JSBin
你能看看并告诉我怎么做吗?
非常感谢您
css - 避免 ember 包裹我的组件
这是我的组件:
我使用的是:
预期的html是:
但是由于 ember 将组件包装在 div 中,引导规则不再适用,并且列表组的样式错误。
如果我将组件标签更改为a
,并link-to
从组件模板中删除,我会失去 - 的灵活性,link-to
并且我不知道如何在包含标签中设置属性(href,类)。
看来我不能为此使用 Ember 组件?或者有没有办法告诉 ember no 将我的组件包装在 adiv
或其他任何东西中:为了使 CSS 工作,不得修改标记结构。
ember.js - 如何在不注入服务的情况下制作承诺感知组件?
我刚刚开始学习 Ember,并尝试创建一个表格组件。我希望表格组件在数据仍在获取时呈现加载/微调器(承诺尚未实现)。
我从一篇博文中找到了一个例子——在它解决之前渲染一个承诺——效果很好。但是,就我而言,我认为表格组件不会自行加载数据。我认为让路由处理它会更加灵活。
因此,我进一步查看并找到了另一篇博文 - Promise-aware controllers and components with Ember.js。它完全符合我的喜好。但是,我想知道是否:
- 将 PromiseProxyMixin 混合到 Component 中,是一种 hack,还是它的设计使用方式?
无论如何通过promise属性更改发送数据。我认为这样做很奇怪:
{{ember-table promise=model.data}}
我尝试使用计算字段来为名称取别名,承诺其他内容,但它似乎不起作用。
ember.js - 避免在动作中重复方法名称
如何避免在我的 ember 组件中重复我的 foo 方法?
xml - 在 Ember 中,如何绑定名称带有冒号的属性?
我想创建一个组件,其根元素是
我可以使用简单的属性绑定来设置其中的大部分:
一个不起作用的是xmlns:xlink
. 如果我尝试将其添加为属性绑定,Ember 会将冒号解释为将属性绑定到属性xlink
的值,xmlns
因此我得到
如何为此属性设置属性绑定?