问题标签 [ngx-bootstrap]

我http这里有一个请求功能ingredients.service

我的html代码如下...

这使用 ngx-bootstrap 为我的应用程序提供 typeahead 功能。目前，当我输入输入时，它会调用searchIngredientswhich updatesingredients以便预先输入的输入可以更新下拉菜单中的信息。但是，由于调用searchIngredients是异步的，因此它不会及时更新ingredients以使其显示在下拉菜单中。

我怎么跑

这样我只返回可观察的一次this.ingredients更新？

我的searchIngredients功能如下

我正在使用角度谷歌地图（agm），我通过以下方式创建了谷歌自动完成。

在 HTML 中

在 Ts 文件中：

CSS：

如果我将上面的代码放在引导模式中，谷歌自动完成功能不起作用

笔记：

上面的代码在没有引导模式的情况下工作（在正常视图中）

我导入了日期选择器，它显示得很好。

但是当我尝试导入预输入或按钮或任何东西时，我得到了<whatever> is not a known element错误。

我正在做的是app.module像这样导入模块：

然后在 myhistory.module上以相同的方式进行，唯一的区别.forRoot()现在被省略了。

然后在父历史组件的子组件上，我有：

哪个有效，但例如这些不起作用：

不管我是否包含ngModel或其他属性，我总是会收到 not a known element 错误。所以我认为这与我的导入、我的命名或其他有关，但老实说，我看不出缺少什么。

编辑：使用 Angular 4，"@angular/cli": "1.1.1", "ngx-bootstrap": "^1.7.1", "bootstrap": "^4.0.0-alpha.6", "typescript": "~2.3.3"

我想有条件地为 angular 2 bootstrap 选项卡设置一个 customClass，但只看到它设置了一个静态值。

是否可以有条件地设置 customClass？ http://valor-software.com/ngx-bootstrap/#/tabs

html：这有效：

这是我想做的，但它不起作用：

我有一个 for 循环，在这个循环中我有多个元素需要一个模态。

但显然这段代码不起作用，因为 #staticModal 被定义了多次。

如何以基于{{ nut.name |的名称以编程方式创建模式？小写 }}还是索引i？

我很想将 BsModalService 导入到我的组件中。但它会抛出 404，如下所示。

我BsModalService在我的组件中导入为

import { BsModalService } from 'ngx-bootstrap/modal';

GET http://localhost:8000/node_modules/ngx-bootstrap/modal.js 404 (Not Found) (index):21 Error: (SystemJS) XHR error (404 Not Found) loading http://localhost:8000/node_modules/ngx-bootstrap/modal.js

包.json

"ngx-bootstrap": "^1.8.0",

systemjs.config.js

app.module.ts

import { ModalModule } from 'ngx-bootstrap';

我在这里想念什么。

我使用以下方法在 Angular4 应用程序中打开一个模式：http ngx-bootstrap: //valor-software.com/ngx-bootstrap/#/modals#service-component

问题是模型没有反映模态的视图。对象已更新，但未反映在视图上。以下是重要的部分：

BaseModalComponent：

ModalComponent：

最后是视图：

描述始终为空白。afterModelLoad如果我在设置内添加调试器description，但它不会更新视图。

有任何想法吗？

我正在使用ngx-bootstrap datepicker. 我希望在加载时突出显示自定义日期date-picker。我有一个存储在某个变量中的日期，并希望选择该日期（突出显示）。

组件.ts

组件.html

但这不起作用。默认情况下，即使在设置后也会选择今天的日期activeDate。如何做到这一点？或者还有其他我可以使用的属性来代替activeDate吗？日期有什么特殊的格式吗？

我正在开始一个新的 Angular 4 项目。我想使用 ui-bootstrap；现在是 ngx-bootstrap：http: //valor-software.com/ngx-bootstrap/#/

过去我只需要下载 ui-bootstrap，因为它包括所有核心 Bootstrap 3 样式以及组件重写，在以下说明中：http: //valor-software.com/ngx-bootstrap/#/

它说：您将需要引导样式（引导 3）

与过去不同，为什么除了 ngx-bootstrap 之外，我还需要包含/链接 Twitter Boostrap？

我正在将 ngx-bootstrap 用于 bootstrap 3.3.7，目前正试图让模态服务完全工作。模式对话框打开，但出现的唯一内容是静态内容。我传递给服务的动态内容都不起作用，主要是因为 bsModalRef 似乎没有获取我的组件属性。

这是模态组件：

然后在我的主机组件中，这是打开对话框的代码片段：

所以对话框正在打开，但我的对话框组件的数据属性不可用。

我错过了什么？