问题标签 [ember-bootstrap]

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

javascript - Ember-bootstrap 从 javascript 触发模式

如果您从此处的链接向下滚动到带有按钮标签“重新打开模态”的示例,它们似乎正在从 javascript 触发模态。我试过Ember.$('.modal).modal('show')没有运气,似乎无法找到一种从js触发它的方法。

我的目标是,在用户提交表单并成功验证后,出现模式。

模板

零件

0 投票
1 回答
386 浏览

javascript - 触发来自另一个模板的组件中的 Bootstrap 模态

我正在使用ember-bootstrap及其模态组件在模板上创建模态。目前,模态组件和触发它的按钮位于同一个模板上,但是我想将模态移动到一个组件中,这样我就可以保持模板代码的干净。

这有效

这不起作用

我怎样才能得到它,以便从应用程序模板触发模态?

0 投票
1 回答
243 浏览

ember.js - 选项卡动态组件在切换到下一个选项卡之前等待

我正在使用自定义选项卡配置,但似乎在加载动态内容(选项卡窗格中的组件)时遇到问题。

组件加载 promise/s 或在 init 上进行一些处理,当切换到新选项卡时,它不会立即切换,而是等待组件完成初始化。

IE:

我尝试通过挂钩 onChange 事件手动设置和跟踪 activeId,但效果相同。

0 投票
1 回答
87 浏览

twitter-bootstrap - 组件内的 Ember 集成测试组件

我已经安装ember-bootstrap在我的应用程序中。然后,我创建了一个登录表单组件。

在 中app/templates/components/login-form.hbs,有 2 个 Bootstrapinput和 1 个button,分别是:

当我在组件中进行集成测试时,它似乎无法识别this.

在 中input,我得到了undefined结果。在 Bootstrap中调用组件的输入以form.group用于组件测试的正确方法是什么?

0 投票
1 回答
422 浏览

twitter-bootstrap - 将 bs-form 中的 bs-buttons 连接到组件操作(ember-bootstrap)

bs-button将内部 a连接bs-form到组件操作的正确方法是什么?


关于我想做并且已经尝试过的一些背景:

我正在将 Ember 从 2.10 升级到 2.14,并将 ember-bootstrap 从 0.11.3 升级到 1.0。我遇到了 ember-bootstrap 的问题。

我在表单中有两个按钮 ( bs-form):“保存”和“取消”。表单托管在 Ember 组件中。在旧版本中,我只有两个bs-button元素,如下所示:

在组件类中,我定义了匹配动作:

现在这不再有效:bs-button使用onClick而不是action现在,但只是添加onClick="save"不起作用(我明白了TypeError: action is not a function);同样,onClick=(action "save")不起作用(Assertion Failed: An action named 'save' was not found in (generated edit-organization controller))。

但是,当不使用bs-button普通button元素与action助手一起使用时,它可以正常工作:

我怀疑这个问题与使用组件来托管表单有关;毕竟,ember-bootstrap 文档声明操作用于...

向您的控制器发送一个动作。

我仍然想使用一个组件(毕竟,控制器正在消失,对吧?)。对此的任何帮助表示赞赏。

0 投票
2 回答
438 浏览

ember.js - Ember.js 的 Bootstrap 中 form.element 的复选框出现问题


我在理解 form.element 中的复选框如何工作时遇到了一些问题。具体来说,当我单击复选框时,我不明白如何刷新我的表单结果。它在这里定义:Ember-bootstrap doc about form.element

我的模板看起来像这样: 带复选框的模板

车把代码为:

当我点击一个复选框时,我有一个我不明白的错误。这是错误:
断言失败:如果不使用模型或直接在表单元素上设置值,则不能对表单元素使用表单元素的默认 onChange 操作。在这种情况下,您必须将自己的 onChange 操作添加到表单元素!

它所指的 onChange 动作可能是一个令人耳目一新的动作。我尝试了我制作的一个,但它似乎对我不起作用。

所以我问你是否可以帮助我理解 form.element 中用于 Ember.js 引导模块的复选框。

感谢您的时间和关注!

0 投票
1 回答
190 浏览

twitter-bootstrap - 使用 ember-bootstrap 使一行可点击

这是我的 hbs 代码示例。

如您所见,此面板的每个元素都链接到同一个配置文件,但我想知道是否有办法使行而不是每个元素都可点击。
这意味着我想在每个{{user.*}}之间单击,而不仅仅是在它们上,以将我发送到个人资料。我已经搜索过了,但是我找不到 bootstrap 和车把的答案。
感谢您的时间!

0 投票
1 回答
155 浏览

ember.js - ember-bootstrap:导航栏组件重复自身 12 次

ember-bootstrap在一个简单的 Ember 测试应用程序中使用了 Navbar 示例代码:

但是我得到了奇怪的结果;导航栏在我的页面中出现了 12 次。对于它的价值,切换按钮也没有做任何事情 - 但这可能与导航栏出现 12 次的原因有关。请参阅以下屏幕截图:

简单测试页面的截图

以下是我设置此项目的步骤:

  1. ember new bootstrap-test
  2. 内部/bootstrap-test
    1. ember install ember-bootstrap
    2. ember g ember-bootstrap --bootstrap-version=4

这是我的ember-cli-build.js文件的内容:

最后,我正在使用ember-cliversion 2.14.2。任何帮助解决这个问题将不胜感激。谢谢!

0 投票
1 回答
185 浏览

ember.js - install of ember-bootstrap 1.x hangs

ember-cli: 2.14.2 node: 8.4.0 os: win32 x64

For some reason, my npm installation of any ember-bootstrap 1.x version always hangs on fsevents.

I've tried several versions of ember-bootstrap 1.x, node and ember(-cli). They always hang up on fsevents installation.

Any 0.x version will install just fine though.

From what I've gathered, fsevents is only meant to be installed on Mac, not on a Windows machine. Is there any way to circumvent the (trying to) install of fsevents ? I did npm install --no-optional, but to no avail...

EDIT 1: npm install ember-bootstrap@1.0.0-rc.1 --verbose --no-optional Out of all the 1.x options, this one seems to work.

0 投票
1 回答
235 浏览

html - ember-bootstrap 的问题:页面背景呈现半灰色,通常应该是全白的

我对 Bootstrap 有一个小问题。有时,我的页面背景是半白/半灰,但它应该是全白的。

在此处输入图像描述

如您所见,我的应用程序中有一些灰色背景,有人知道如何摆脱它。我对 CSS 很了解,所以如果您需要有关我的问题的任何信息,请咨询我!谢谢!

编辑 这是我身体的代码:

我为每个元素的内容使用默认的页面包装器。他在任何地方都没有定义。

已解决:感谢@KieranMcClung,问题已解决。如果你愿意,你可以在评论中看到,但基本上,我在我的页面包装器中放入了如下内容: