问题标签 [primeng-dropdowns]

我在表中使用 p-autoComplete，一旦选择了一行，我的自动完成应该预先选择当前值。我尝试使用 [(ngModel)]="row.bsaName" 但它不起作用。（单击下拉菜单后，我会看到所有值，我确认这些值确实存在于我的 p-autoComplete 下拉列表中）

另请注意，我使用了 p-calendar，一旦单击编辑，我就可以预先选择当前日期，但不确定为什么自动完成不同

hTML

零件

界面

********************************************更新***** ***************************************** HTML

零件

我对 Angular 还是有点陌生​​，我正在尝试在表中使用 p-autoComplete，一旦选择了一行，我的自动完成应该预先选择当前值..我尝试使用 [(ngModel)]="row.bsaName"但它不工作。由于 [suggestion] 是一个对象数组，因此它不具有约束力。我需要将我的数据上的 row.bsaName 或 bsaName 属性更改为具有 {id, name} 的对象以匹配 [suggestions] 的数据模型，我该怎么做？

HTML

零件

界面

数据结果

****************************************************** *******更新****************************************** ** 为简单起见，我删除了 (*ngIf="row.isBSAEditable") 所以它会自动编辑。还取出了模态并添加了编辑按钮

HTML

自动完成下拉列表的结果

全部{"result":[{"id":"1","name":"Mike S"},{"id":"2","name":"John B"},{"id": "3","name":"Adam P"},{"id":"4","name":"Sam J"},{"id":"5","name":"Carolyn G" },{"id":"6","name":"史蒂夫 C"}]}

iBsaFollowUp JSON

全部{"result":[{"id":x,"ersaID":XXX,"bsaID":"5","followupDate":"10/27/2017","active":true,"comment": "测试这个 rsss 2","accessFor":"XXXX","bsaName":"Carolyn G"},{"id":X,"ersaID":XXXX,"bsaID":"1","followupDate": "10/27/2017","active":true,"comment":"test this rsss 4","accessFor":"XXXXX","bsaName":"Mike S"}}}

我在我的角度应用程序中有一组带有值的下拉菜单。

在视图 Screen 中，下拉菜单不显示所选值（保存在 db 中的值），而是显示“选择”。

HTML：

组件.ts

现在，我正在使用primeng自动完成下拉菜单，在这个我们没有清除/重置的功能。

当我从下拉列表中选择一个结果时，一个清除/重置图标 (x) 应该出现在输入中，然后单击 (x) 它将清除输入框。

任何人都有更好的解决方案。

我混合使用 primeNG 控件和 html 控件。问题是 primeNG 控件无法正常用于电话蒙版，并且对于他的自动完成样式不同。

例如： html（如果用户将焦点设置在控件上，则手机永远不会显示为红色，然后只需 Tab 到下一个控件）

对于自动完成它可以工作，但风格不一致。

html

见下图（经理自动完成的底部边框只有当我选择一些东西然后删除它时才会变成红色

TS

I am trying to assign a value dynamically to auto-complete but it is not working

HTML

interface

ts

(for field="name" dataKey="id" the value is the same, so id=name)

***************************************UPDATE***************************************************************** Got it working , here is how

center: {id: itimData.center, name: itimData.center },

我正在使用 primeNG 自动完成并添加了 inputStyleClass="form-control" ..问题是图标转到下一行..见下图

它应该在盒子旁边对齐，我该怎么做？

HTML

我正在使用来自 PrimeNg ( PrimeNg Multiselect ) 和 Angular4 的 MultiSelect 控件和反应式表单，我想在表单加载期间保持我的一些项目默认选中。

HTML

这是我的打字稿代码

这就是我声明的方式p-dropdown：

该taxOptions属性填充如下：

这是PurchaseInvoiceDetail界面：

该表是使用ie*ngFor数组填充的。PurchaseInvoiceDetailPurchaseInvoiceDetail[]

因此，表格的每一行中都存在一个单独的 p-dropdown。问题是，当我更改下拉列表的值并添加另一个产品时，表格会刷新，并且先前下拉列表的选定选项会重置，但不会从purchaseInvoiceDetail.tax. 它只是无法从中获取值purchaseInvoiceDetail.tax并将其显示为下拉列表中的选定值。为什么会这样？

我正在使用PrimeNG 的 p-dropdown。选项是一个标签数组和一个值。每次更改后，底部都会显示为红色。

在选择之前，它看起来像这样：

选择后是这样的：

HTML 代码：

打字稿代码：