问题标签 [htmlbars]

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 回答
689 浏览

ember.js - 用组件替换 HTMLbars/Handlebars 表达式中的字符串

我有一个博客。每个博客文章可以有多个下载。对于下载,我创建了一个组件downloads 目前我在每篇文章的末尾呈现它们,如下所示:

我希望能够[downloads]在帖子内容本身中编写类似的内容(简单地通过渲染{{{post.parsedBody}}}并将其替换为上面的部分内容。

这是可能的还是你有更好的方法来实现这一点?

0 投票
1 回答
747 浏览

javascript - Ember 中 HTMLBars Helper 的动态绑定属性

我有一个attrs我想迭代的属性名称列表,为每个模型创建一个绑定到该属性的输入。下面表达了我所追求的功能:

当然这实际上不起作用,因为您不能在帮助程序中进行方法调用。我发现了这个问题,但该解决方案在我的 Ember 版本(1.11.0)中不起作用——我收集是因为this在版本 1.11.0 的帮助程序定义中未定义(请参见此处)。

我怎样才能使这项工作?

0 投票
1 回答
2156 浏览

ember.js - 输入助手 valueBinding 已弃用 - 替代方案是什么?

我有一些像这样的文本输入助手

我刚刚将 Ember 升级到 1.11.0,现在收到此弃用警告:

弃用:您试图通过将 valueBinding 传递给视图助手来呈现视图,但不推荐使用此语法。你应该value=someValue改用。

但是,当使用 value 时,它​​不会绑定在控制器中,而value只是将文本设置为任何值。

如何正确绑定它?

0 投票
1 回答
1745 浏览

javascript - 如何编译内联 HTMLBars 模板?

我有一个像这样编译的内联模板(JavaScript 中的模板)(tempHandlebars 字符串在哪里):

我正在尝试改用 HTMLBars,但无法完全弄清楚。我做了以下事情:

如何从 HTMLBars 模板中获取 HTML。我也试过:

这不会出错,但在呈现 HTML 时也不使用模型。我想我已经很接近了,但不太清楚如何注入模型。

0 投票
2 回答
379 浏览

ember.js - 如何加入静态字符串和动态属性以传递给助手?

如何加入静态字符串和动态属性以传递给助手?

以下不起作用:

谢谢

0 投票
0 回答
114 浏览

ember.js - Ember.Select 不会更改所选值

我的后期编辑器中有一个带有类别的选择框。自从使用类别永久链接作为其主键后,选择字段内的选定值不再可见。但是,该值在模型中正确更新。

什么可能导致这个问题?

当永久链接只是一个属性而不是主键时,一切都可以正常工作

模板

其控制器中的类别属性

类别模型:

类别序列化器:

0 投票
4 回答
9912 浏览

ember.js - 将单击的 DOM 元素的引用传递给 Ember 中的操作处理程序

我有一组按钮,我希望用一个类来切换其状态active。如果我有一个按钮,那么我会将active类绑定到控制器属性并在单击处理程序中切换该属性:

但是我有多个按钮,所以我不确定我可以绑定什么。如果我可以将对单击按钮的引用传递给操作处理程序,那将很有用,但我不确定如何执行此操作。

实现这一目标的最佳方法是什么?

0 投票
3 回答
1242 浏览

ember.js - Inline-if inside 按钮触发弃用警告和错误

我正在尝试绑定按钮是计算属性active还是disabled计算属性,但之后会收到此弃用警告和错误。

这是一个麻烦的按钮(此处为 Ember 1.11.1):

此警告和错误:

关于这个功能:

0 投票
1 回答
261 浏览

javascript - 如何在 Ember 中创建一个有界属性的助手?

我最近正在使用 Ember-CLI (0.2.0) 并且正在测试一个从生成器构建的简单 Helper。

Helper 完成了它的工作,但问题是所使用的变量是无界的,并且当它的值发生变化时不会反映在 UI 中。

helper 是一个 get 属性,您向其传递一个属性名称(即变量,可以采用任何项目的名称)和一个对象并返回该属性的值,代码如下:

这就是用途

与组件相同的事实很容易做到:

问题是,如果我们需要绑定属性,我们必须创建一个这样的组件??不能用帮手解决??我希望有人能给我一些调查或学习的方向。

笔记:

  • filteredList是模型的过滤版本,通过 ember-data find 方法设置在路由中
  • propertyName是项目对象的属性名称,其值可以是可变的。

提前致谢

0 投票
2 回答
324 浏览

ember.js - Ember:根据 'yield' 的内容控制组件行为

想象一下,我有一个 Ember 组件,出于这个问题的目的,它只是将其内容包装在 a 中div,并添加一些文本:

所以我称之为

一切都很好。但是,如果model.text为空/空/未定义,我根本不想生成该<div class="Component">部分。我怎样才能做到这一点?我当然可以

但这似乎是重复的。

我真正想做的是能够将组件定义为

或者,或者在 component.js

然后在组件的 template.hbs 中

关于如何处理这种情况的任何想法?