问题标签 [ember-bootstrap]

我在更新项目依赖项时遇到了一个非常奇怪的问题。我安装了 Bootstrap 4.0.0 并且安装了最新的 (4.1.3) 版本使我的项目无法使用。在渲染页面时，我得到了这些错误：

我尝试使用 Ember Inspector 对其进行调试。我有三个具有相同跟踪的未决承诺：

我认为这很奇怪，原因有两个：

1. 降级到 4.1.2 后，一切正常。
2. 4.1.3 是一个错误修复版本，它不会更改JS 文件中的任何重要内容。
3. 4.1.2 -> 4.1.3 升级后，唯一的区别yarn.lock是bootstrap包的版本，所以不是因为某些Bootstrap的依赖更新造成的。

这种行为的原因是什么？

这是我的package.json 依赖项列表。预先感谢您的帮助。

我正在发现 EmberJS 并开始将现有网站迁移到此框架。我遇到了基于 Bootstrap 的下拉菜单的问题。这个问题实际上帮助我更好地理解了 Ember 的概念，但我仍然有一些问题。

我使用了ember-bootstrap模块来生成这个下拉列表（除其他外），代码应该是这样的：

现在，我希望在用户单击其中一项时执行一些 javascript 代码。在检查了模块的文档后，我找到了菜单项组件的定义位置，并对其代码进行了如下编辑：

然后我更新了hbs文件如下：

这没有用，这就是为什么你我也将它添加*action*到link-to元素中，并在其组件文件上类似地声明了操作。

如您所见，该*link-to*组件扩展了LinkComponent之一。我最终明白，这个元素不可能原生地处理点击事件，正如这个线程中所解释的那样。

出于沮丧，我最终采用了一种不太优雅的方法，但仍然可以解决问题：

现在这是我的问题：

1. 为什么在 Component 文件和 hbs 上定义操作并没有改变结果？
2. 为什么 LinkComponent 不原生处理点击事件？我知道一个链接应该将用户重定向到一个新页面（这仍然是有争议的），但是 DOM 事件仍然被触发，那么 Ember 是否故意忽略它并选择不让开发人员处理它？我想知道这背后的逻辑。
3. 有比我的解决方案更好的方法吗？

谢谢。

我正在使用 ember-bootstrap 模式，其中属性“size”是“xl”。xl 采用我自定义的模态尺寸类“.modal-xl”。但是我有另一个类“.modal-full”，它为我的 modal-xl 增加了更多的大小。如何在我的 {{#bs-modal-simple}} 上添加此类 =“modal-full”

模板文件：

任何人都请帮我解决这个问题。先感谢您。

最近我在更新后将现有的 ember ember 项目更新到 2.10.0 版本我尝试运行该项目，但它显示了一些编译错误

未捕获的错误：编译错误：bs-form-element 不是助手

我将其包含在我的项目的登录页面中，如下所示

我不确定这是插件相关问题还是有人可以帮助解决这个问题

我们从一个使用 Ember 3.8 和 bootstrap/SASS 的新应用程序开始。似乎有两个加载项支持 Ember 中的引导程序，即ember-boostrap和ember-cli-bootrap-sassy。

虽然前者为大多数引导功能实现了 ember 组件，并且还用它自己的实现“替换”了原始 bootstrap.js，但对于后者，我似乎仍然可以使用所有原始组件和 js 实现。

从第一眼开始，我会更喜欢ember-cli-bootrap-sassy，因为我仍然可以使用网络上的所有引导示例，并且拥有 bootstrap.js 的“定制”版本对我来说似乎有点违反直觉. 另外，所有引导功能 ember-bootstrap 没有实现，但我仍然需要？似乎我可能会以使用 ember-bootstrap 的应用程序结束，但另外对未实现的事物使用各种“解决方法”。

由于我在该领域没有太多经验，因此我很高兴获得专家的一些建议和见解。

我在使用 ember-bootstrap 呈现表单时遇到问题。访问路线时，不会呈现任何内容，并且在控制台中会显示消息

出现。

该项目是一个 Bootstrap 3 项目，我刚刚安装了 ember-boostrap。为此，我执行了以下操作：

通过阅读 doco，我相信这是正确的命令顺序？

然后我创建了一条新路线，并在模板中输入了以下内容：

这是 ember-bootstrap doco 中表单组件的示例模板。

正如我所说，当我去访问新路线时，我什么也没得到，并且上面显示了错误消息。

我觉得我一定忽略了一些方向......有什么明显缺失的吗？

编辑以响应 REAL_ATE 的回答

因此，回应下面 Chris (real_ate) 提出的观点。我正在使用 Ember 3.8 。

现在我真的很高兴能在出色的“我可以问一个问题”中出现，而这几周我还没有看，所以我就去看了。您遇到的错误与我不同，这似乎真的很奇怪，所以我决定开始一个新项目并尝试自己的重建。

我发现我得到的正是你看到的错误（其他人可以在此处查看该视频片段），而不是我显示的屏幕截图。

所以我对此感到很困惑，但它确实证实了你的发现。

我最好的猜测是……大约在同一时间，我一直在解决另一个插件的一些问题，并记录我对这些错误进行了一些屏幕转储的过程。我相信我可能选择了错误的屏幕转储并将其粘贴到问题中。奇怪的是，克里斯在该段的开头提到了一些关于我没有实际复制堆栈跟踪而是使用堆栈跟踪的屏幕截图的内容——也许如果我真的复制了堆栈跟踪，我就不太可能做什么了，它似乎很可能，我做到了。

所以......为了后代，最初的错误是......

通过在为此目的创建的控制器上提供“提交”操作解决了这个问题，然后揭示了来自 ember-bootstrap 的示例 .hbs 的不同问题，包括formLayout=formLayout除非您已定义它和错误，否则该问题不存在看起来像这样...

...正如我在下面的回答中所描述的那样已解决。

因此，感谢 Chris 和 Jen，并对这个误导性问题表示歉意。

使用 Ember 插件 ember-bootstrap 我可以制作一组像这样的单选按钮：

使用如下所示的控制器：

相关文档在这里https://www.ember-bootstrap.com/#/components/forms。

但是我不能做的是为每个单选按钮提供一个自定义值，以便我最终得到如下呈现的 HTML：

我查看了https://www.ember-bootstrap.com/#/components/forms上的“自定义控件”，但我看不出这如何适用于这种情况。

编辑：为了更清楚我为什么要这样做，我想显示可读标签（例如“Citrus”）但有不可读取的值（“C”）可用于发送回服务器（因为服务器认为用“C”或“N”表示。

我可以发回“Citrus”并将其映射到服务器上并不是必须的，但我只是认为这会非常简单。

在https://www.ember-bootstrap.com/#/components/forms上查看以“您也可以只自定义现有控件组件：”开头的 doco 部分，您似乎应该能够做到我想要的东西，但显示的示例没有解决 value 属性的使用，我不知道如何 .

我想将该属性添加到使用ember-bootstrapautoresize=true绘制的 textarea 中，以便使用ember-autoresize。

正如你在这里看到的，这个属性没有被绑定，所以我不能简单地将它添加到我的模板中。

我试图像这样操纵产生的控制：

但这仅适用于类名，不适用于属性。

实现我想要做的最简单的方法是什么？

我是学习 Ember 的新手，除了我在模板方面遇到了一点问题外，它大多是有意义的。

我的模型检索一个记录数组，我想在一个可折叠的引导手风琴中显示每个记录。有一个本机 ember-bootstrap 组件 ( BsAccordion ) 似乎让这变得超级简单，但它包含一些我不想使用的样式。

我的模板很简单，看起来像这样：

我遇到的问题是它将每条消息包装在一个带有 class="card" 的 div 中，我不希望使用引导程序的卡片布局。如何自定义组件并防止它这样做？

创建了一个新的 ember octane 应用程序（3.15）并使用 ember-bootstrap。我正在使用这样的模态

这有效，但我收到一个错误，上面写着

不要action用作 {{action ...}}。相反，使用on修饰符和fn助手。

在这种情况下使用操作的正确方法是什么？我试过这个，但它没有用