问题标签 [ng-modal]

我的页面上显示了一个图片库。每当用户单击图像时，我都需要实现一个模式。在模态中，我需要显示所选图像的全尺寸。问题是：我已经使模态工作，但是当我单击任何图库图像时，模态将所有这些图像一起显示在一个模态中。我需要模态仅显示用户单击的模态。

请注意，我的网页基于 AngularJS 和 PHP。我将ngModal用于此模式，并且我是使用 Angular 的新手（基本上我什么都不知道，我正在学习），所以请耐心等待。这是我的代码：

应用程序.js

HTML

我有一个带有按钮的 Angular2 应用程序，可以在我的贷款中添加另一笔贷款。我的 *ngFor 也很简单：

myLoansname是一个带有和amount参数的 Loan 对象数组。我的按钮也很简单。

addLoan() 函数：

我的问题是，当我在列表中添加新贷款时，我在其他贷款的输入字段中的任何值都会返回 0，或者我在贷款对象的构造函数中设置的任何值。

加载应用程序显示此图片

输入数字时 ngModel 正在工作

按下“Legg til lån”按钮后，第一个输入的值被重置

如果我尝试输入另一个数字，ngModel 仍在为第一个输入工作

有人知道这里发生了什么吗？

主要是，我使用 angular2，我有两个组件，第一个负责在我的页面上显示来自服务器的数据，第二个是弹出的 ngmodal，负责执行 POST 和 PUT 请求保存数据。

这里的问题是，当我更改或添加数据时，它不会自动显示在我的视图中。

有谁知道如何做到这一点（让组件 A 知道组件 B 所做的更改）？谢谢。

我如何获取数据（组件 A）：

我如何发布数据（组件 B）：

我的 service.get 数据：

我的 service.create （发布示例）：

我仍在通过Angular2挖掘自己的方式。我尝试在线检查，但找不到任何表明可能的信息。

我的问题是——

我可以在一页上只有一个 ngModal，并且不仅提供不同的内容，而且提供不同的 HTML 格式。所以让我们假设我的页面上有两个按钮，当我点击一个时，下面是模态的外观 -

当我点击另一个时，

这可能吗？我的实际用例是在 Modal 中显示不同结构的表格。

任何帮助将不胜感激。

谢谢，普拉蒂克

假设我有这样的模态模板：

我从另一个组件调用这个模式，所以：

我怎样才能放入NgbModal带有绑定等的html？进入ng-content

我需要模拟一个 NgbModal 来做一些有角度的单元测试，但我不知道该怎么做。这是我的功能：

我应该做些什么？

我在我的 Angular 4 应用程序中使用ng-bootstrap 。使用 ngbModal 我打开一个模态。模态内容被放置在一个单独的组件中：selector: 'my-modal-component'.

组件一（在component.ts中点击打开modal）：

组件二（modal的内容）：

到目前为止，一切都很好。班级.modal-content获得课程d-flex并flex-column确保.modal-header, -body和 -footer知道该做什么（垂直划分高度）。

但是：因为我给 ngbModal 一个组件作为模态的内容，所以它在 HTML 中放置了一个选择器标签：

由于这个 HTML 选择器，我的 flexbox 样式不再起作用，因为.modal-header, -body和 -footer不再是该类的直接子.modal-content级。

有谁知道选择器是否可以忽略？

编辑：这是我想要的结果：

我一直在疯狂地搜索和阅读，但没有发现任何人有同样的问题和疑问。

我想使用带有子组件的 Ng Bootstrap Modal 作为模态体。我不确定我将如何实现这一目标......

而且，我知道这是错误的，但最终我想做这样的事情，

子组件有很多输入和输出变量，那么这里最好的方法是什么？

是否可以以某种方式指定以模式对话框为中心的类？外部元素有一个 windowClass 选项，但我看不到在内部元素上指定 modal-dialog-centered 的方法。

是否可以从 ng-options 中选择多个选项或将 ng-options 值作为复选框？如果可能的话，有人可以给我一个例子吗？