我必须将搜索图标添加到素数ng自动完成，但无法做到这一点。
<p-autocomplete
placeholder="Search"
[suggestions]="items">
<p-template let-item template="item">
<div>
<span>{{ item }}</span>
</div>
</p-template>
<p-autocomplete>
浏览 3提问于2022-01-11得票数 0
<p-autoComplete
id="members"
formControlName="companyId"
field="name"
placeholder="{{ 'SearchByName' | translate }}"
styleClass="width100p"
[suggestions]="compan
浏览 0提问于2021-04-06得票数 0
1回答
我以这种方式使用PrimeNg p-自动完成：
<p-autoComplete id="area" [(ngModel)]="areaSearch" [ngModelOptions]="{standalone: true}" [suggestions]="results" (completeMethod)="retrieveArea($event)" field="name"></p-autoComplete>
构成部分：
retrieveArea(event) {
浏览 2提问于2017-11-14得票数 0
回答已采纳
2回答
我有一个带有(prime-ng)自动完成控件的Angular(6)反应形式。我正在设法用(街道的)值正确地填充它，但是在尝试将streetID (而不是街道名称)绑定到表单控件时，我遗漏了一些东西。我尝试使用value属性，但它仍然不能修复它。请参阅我的Html代码： <div class="form-group">
<label>Street
<p-autoComplete formControlName="StreetID" [dropdown]="true" [sugges
浏览 11提问于2019-01-23得票数 1
2回答
我使用ng-prime <p-autocomplete>在后端通过搜索来显示值 这是我的html <p-autoComplete [(ngModel)]="agent" [suggestions]="filteredAgents" name="agents" (completeMethod)="filterAgents($event)" [size]="10"
placeholder="Agents" [minLength]="3
浏览 13提问于2019-04-05得票数 0
回答已采纳
如何在primeng自动完成框中显示多个字段。
例如：
<p-autoComplete [(ngModel)]="val" [suggestions]="results" (completeMethod)="search($event)" field="name,lastname"></p-autoComplete>
or
<p-autoComplete [(ngModel)]="val" [suggestions]="results" (completeMetho
浏览 4提问于2017-10-27得票数 9
我正在使用Angular2: 2.1.0和Primeng: 1.0.0，
我希望Autocomplete组件绑定到我的object's key并在UI中显示object's value。
这里的对象是，
[{
"user_id": 101,
"user_name": "John"
},
{
"user_id": 101,
"user_name": "Ganesh"
},
{
"user_id": 101,
"us
浏览 6提问于2017-01-05得票数 7
我有自动补全和表格。选择一项后，我需要将它添加到数组中，并从自动完成中删除它。
下面的С代码不起作用
<p-autoComplete
(completeMethod)="getEmployees($event.query)"
(onSelect)="change($event)"
[(ngModel)]="employee"
[suggestions]="employees"
field="title"
minLength="0"
></p-autoComp
浏览 14提问于2020-03-06得票数 0
回答已采纳
我在我的反应性PrimeNG表单中使用AutoComplete组件。我一直无法找到重新加载页面加载上的表单值并将AutoComplete设置为值的方法。
AutoComplete映射到一个对象数组。我使用field属性来告诉它要显示哪个字段。我想传递回API的实际上是一个不同的属性。因为AutoSelect将FormControl值设置为整个对象，所以我能够获取所需的属性，尽管我希望有一种方法将其设置为所需的属性。但我真正的问题是我不能选择一个值。
我试过：
setValue/patchValue (设置为POJO和与字段匹配的值-都不工作)
创建FormControl时设置默认值
浏览 0提问于2018-04-17得票数 8
1回答
自动完成不起作用，下拉列表第一次加载，一旦我尝试键入一些不过滤的内容，下拉列表值就会消失，service.ts。
getUserLocations(UserID: string, allList:string ) {
return this._http.get(environment.BASE_API_URL + 'xxxxx/' + ID + '/' + allList)
.map((response: Response) => response.json())
.do(data =
浏览 1提问于2018-04-10得票数 0
回答已采纳
<p-autoComplete name="student" [(ngModel)]="student" [ngModelOptions]="{standalone: true}" field="firstName" [forceSelection]="false" [suggestions]="filteredStudents"
(completeMethod)="filterStudents($event)" [size]="30" [minLen
浏览 0提问于2018-04-21得票数 1
回答已采纳
有没有办法在primeng p-autoComplete中添加一个图标？ <div class="p-mr-2 p-input">
<p-autoComplete styleClass="p-autocomplete-list-item" [(ngModel)]="location"
[suggestions]="results" field="name" placeholder="Search location">
</p-autoCompl
浏览 16提问于2020-12-15得票数 0
回答已采纳
1回答
我有一个“p-自动完成”元素，并启用了多个条目和下拉菜单，我想知道我是否可以这样做，而不显示按钮，而是显示下拉菜单时，用户单击自动完成字段。
这种类型的对象有可能发生这种情况吗？
我正在使用Primeng版本4.3.0，如果它有区别的话。
HTML:
<p-autoComplete id="input-country" [multiple]="true" [(ngModel)]="selectedCountries" [dropdown]="true"
[suggestions]="filtere
浏览 0提问于2019-08-29得票数 0
回答已采纳
我想在我自己的组件中包装一个primeng自动完成组件，但无法找到提供formControlName的haw：
错误: Uncaught (承诺)：formControlName必须与父formGroup指令一起使用.
包装组件html：
<p-autoComplete
[formControlName]="formControlName"
[suggestions]="suggestions"
[multiple]="multiple"
[dropdown]="dropdown"
(completeMe
浏览 1提问于2017-06-02得票数 3
嗨，我已经在Angular 2中使用primeng实现了自动搜索选项。我在网站上找到了参考资料。当我在我的项目中实现相同的代码时，我看不到下拉框列表中填充的建议。我已经在下面添加了截图。
下面是我的代码。
<p-autoComplete autofocus name="username" [(ngModel)]="username" [suggestions]="filteredUsernamesSingle"(completeMethod)="filterUsernameSingle($event)" field
浏览 6提问于2018-01-28得票数 0
2回答
我正在使用PrimeNG。我为自动完成编写了如下代码
<p-autoComplete name="searchSuggestions" [(ngModel)]="suggestion"
(completeMethod)="searchSuggestions($event)" [suggestions]="searchSuggestionsResult" field="field"></p-autoComplete>
我在方法中清除suggestion，但不清除自动完成的输入值。只有当我从建
浏览 4提问于2017-05-31得票数 5
回答已采纳
我正试图在我的项目中实现PrimeNg AutoComplete控件。
我指的是这个
以下是我所遵循的步骤。
1.新增模块.
import { AutoCompleteModule } from 'primeng/autocomplete';
2.导入模块
imports: [CommonModule, FormsModule, AutoCompleteModule],
3.创建字符串数组.
brands: string[] = ['Audi', 'BMW', 'Fiat', 'Ford', 'Hon
浏览 0提问于2018-03-13得票数 3
回答已采纳
1回答
假设我们有这样的场景： <p-autoComplete dataKey="id" field="make" emptyMessage="{{'NoDataFound' | translate}}"
[delay]="0" [suggestions]="vehicles" [minLength]="0" appendTo="body"
(completeMethod)="searchVehicles($event)" (onSel
浏览 20提问于2020-12-03得票数 1
回答已采纳
2回答
P-自动完成预选默认值
、、、、
我在表中使用p-自动完成，一旦选择了一行，我的自动完成应该预选当前值。我尝试使用(ngModel)="row.bsaName“，但它不起作用。(一旦我点击我的下拉列表，我看到了所有的值，我确认了这些值确实存在于我的p-自动完成下拉列表中)
也请注意，我使用了p-日历，我能够预选当前日期，一旦单击编辑，并且不确定为什么自动完成是不同的。
hTML
<p-table #dt [value]="iBsaFollowup" dataKey="id" [paginator]="true" [rowsPerPageOptions
浏览 2提问于2018-06-15得票数 2
回答已采纳
当我想出答案的时候，我正在写这个问题，但我想我会把这个问题寄给别人。
如何将复杂对象绑定到PrimeNG自动完成字段，以便在该字段中预选值，在返回窗体时从绑定到自动完成的选定对象获取关联属性？在下面的示例中，siteObj表示绑定到自动完成的复杂对象，而siteName是显示在UI中的对象中的字段。站点是复杂对象的集合。
自动完成
<p-autoComplete [suggestions]="sites" field="siteName" formControlName="siteObj"
浏览 4提问于2017-05-31得票数 1
回答已采纳
我有一个问题使用primeng，一些功能，如按钮或组件，不能正确显示。例如，我有一个自动完成字段，它显示为：
当我输入“e”时：(蓝色条是建议)
之后，我选择了“建议”，它显示如下：
这里是字段的一段代码
<p-autoComplete [(ngModel)]="selectedTags" [suggestions]="filteredTagsMultiple" (completeMethod)="filterTagMultiple($event)" styleClass="wid100"
浏览 4提问于2017-07-15得票数 1
回答已采纳
2回答
嗨，我有一个风格的问题，我不知道如何解决它。样式指针-事件:无不起作用。
这是我的代码示例：
风格：
.noclick {
cursor: default;
pointer-events: none;
}
和我的html：
<p-autoComplete
[(ngModel)]="searchModel"
[suggestions]="items"
[maxlength]="1024"
(completeMethod)="search($event.query)"
[placeholder]=&#
浏览 0提问于2020-01-20得票数 2
我在Angular 2应用程序中使用PrimeNG自动完成，我试图调用模糊事件的方法，但它没有调用该方法。代码如下：
html：
<p-autoComplete [(ngModel)]="empText" inputStyleClass="form-control" [minLength]="1" [suggestions]="empData"
field="text" (completeMethod)="getEmployeeData($event)"
(blur)=
浏览 4提问于2016-11-21得票数 2
我试图动态地将一个值赋值给自动完成，但它不起作用。
<label for="centerId" class="control-label">Center</label>
<p-autoComplete formControlName="center" id="centerId" [suggestions]="iCenter" placeholder="Center (required)" (co
浏览 0提问于2018-09-10得票数 0
回答已采纳
我已经安装了PrimeNg。我正在使用p-autoComplete组件，但是现在出现了这个错误。我到处都找过了，但什么也没找到。另外，我只是想复制一个官方的PrimeNg演示。P-自动完成组件。
1-我像这样安装了PrimeNg。
npm install primeng --save
npm install primeicons --save
2-我已经将模块添加到我的app.component.ts文件中，如下所示。
import { AutoCompleteModule } from 'primeng/autocomplete';
//other imports
@NgMo
浏览 11提问于2018-08-01得票数 6
回答已采纳
1回答
使用PrimeNG自动完成，我有以下html。
<p-autoComplete
id="autocomplete"
[(ngModel)]="termToSearch"
[minLength]=1
[suggestions]="suggestedData"
(completeMethod)="search($event)"
placeholder="Search by name..."
(onSelect)="goToDetailPage($ev
浏览 1提问于2020-12-18得票数 0
回答已采纳
1回答
我正在尝试使用PrimeNG的自动完成高级程序。见下面的文档图片和链接：
如果我复制并粘贴PrimeNG教程中的主题代码，它会运行良好，如下所示：
HTML文件：
<p-autoComplete id="acAdvanced" [(ngModel)]="selectedBrands" [suggestions]="filteredBrands" (completeMethod)="filterBrands($event)" [size]="30"
浏览 0提问于2018-07-20得票数 2
回答已采纳
我使用了PrimeNG的p-autocomplete，它似乎工作得很好，除了建议框显示了选项，但背景文本也是可见的，这使得选项的清晰度非常差。 我尝试设置baseZIndex和autoZIndex，但都不起作用。你能帮我吗?它可能出了什么问题。 这是附加的屏幕截图以供参考。如果你看一下两个虚拟选项- marker，惊奇都覆盖了第二个字段的标签。 请提个建议。 ? <div class="form-group">
<label for="company1">My First Company</label>
浏览 36提问于2021-03-31得票数 0
嗨，我正在用角5开发web应用程序。我正在使用角5实现自动搜索选项。在这里我无法绑定数据到建议。在建议中，只有小点显示而不是属性userName。下面是我的html代码。
<p-autoComplete [(ngModel)]="username" [suggestions]="filteredUsernamesSingle" (completeMethod)="filterUsernameSingle($event)" field="name" [size]="30"
placeholder="Us
浏览 0提问于2018-01-19得票数 1
回答已采纳
我正在使用primeNG自动完成并添加了inputStyleClass=“表单控制”..the问题，图标转到下面的line..see图像
它应该对齐旁边的盒子，我怎么做呢？
<div class="form-group col-xs-3 col-md-3"
[ngClass]="{
'has-error':(ersaForm.get('gatewayRole').to
浏览 1提问于2018-09-12得票数 0
我有一个p-autocomplete元素(primeng7.0.5)，它控制一个自定义对象字段(类型为OrganizationView)。 下面是标记： <p-autoComplete
[(ngModel)]="state.organization"
(completeMethod)="onSearchOrganisation($event)"
(onClear)="state.organization = null"
(onSelect)="onOrganizationSelected($even
浏览 31提问于2019-03-19得票数 1
1回答
product-generic.service.ts
constructor(
private genericParaBirimi: GenericService<ParaBirimi, 0>,
) {
//#region List
this.genericParaBirimi?.Get_All("ParaBirimis/Generic_Method").subscribe((x: any) => this.paraBirims = x);
}
first-price-list.component.ts
constructor
浏览 6提问于2022-02-05得票数 0
回答已采纳
我有一个库，其中包含一个组件，它是一个原始组件的包装器。一切都是以角度10为基础的。
原始成分有一个ngModel。我想在父组件中设置ngModel，它访问包装器组件，并且我希望当ngModel在主组件中被更改时被‘反射’回父组件。
父类包括如下所示的包装：
parent.component.html
<div class="col">
<wrapper-autocomplete
[suggestions]="projects"
ngDefaultControl
[ngMode
浏览 3提问于2020-10-12得票数 0
回答已采纳
2回答
我的下拉框里有个问题，它是空的。但在控制台中，它显示value.This是我的代码
<p-autoComplete [(ngModel)]="cdsidvalue" [suggestions]="filteredCountriesSingle" (completeMethod)="filterCountrySingle($event)" field="name" [size]="16"
placeholder="CDSID" [minLengt
浏览 0提问于2018-10-20得票数 0
2回答
我有一个名为IcollectionView的Suggestions属性，它绑定到ListBox的ItemsSource。
我使用以下代码来设置它
// Set up Suggestions collection for filtering purposes
var collectionViewSource = new CollectionViewSource();
collectionViewSource.Source = SomeCollection; // SomeCollection is of type IEnumerable!!
// Create view
Suggestion
浏览 0提问于2013-11-07得票数 2
回答已采纳
我正在使用primeNG autocomplete下拉菜单。我已经遵循了在docs.Their切换中的一切似乎工作得很好，但没有mine.For我第一次点击下拉按钮它显示的建议面板，但没有隐藏当我点击again.This是当我还没有添加一个onDropdDownClick事件，因为它在文档中。
app.component.html (无onDropdDownClick事件)
<p-autoComplete [(ngModel)]="RecordName" [suggestions]="filteredRecords" [dropdown]=
浏览 0提问于2020-05-14得票数 0
节点版本: 8.12.0 Angular版本: 7.3.4 PrimeNG版本: 7.0.0
我正在使用PrimeNG的autocomplete组件的dropdown功能。它只在第一次加载下拉菜单，同样在单词之后没有任何反应，这是自动完成功能函数的问题，我的代码看起来像这样：
<p-autoComplete [(ngModel)]="selectedCompany" styleClass="smlldropdwn" [suggestions]="companySuggestions" (completeMethod)="searc
浏览 4提问于2019-03-08得票数 0
我正在尝试使用Vue、Nuxt、Axios和Buefy实现异步自动完成输入。它基本上可以工作，但是当用户刚开始输入时，我需要有不同的字符串，但是没有什么可显示的，并且在这样的请求中找不到任何东西。
如果输入值不是空的，则我正在签入计算变量，如果找不到请求地址，则axios返回空数组来处理。但它会导致错误
无法读取未定义的属性“长度”
奇怪的是，address变量成功地应用于组件的其他部分。
我的vue文件如下：
<template lang="pug">
b-field(label="Your address?")
b-autocom
浏览 0提问于2018-05-09得票数 25
回答已采纳
2回答
好的，我正在跟踪primeNg的文档，我无法获得自动完成来显示建议
添加模块import { AutoCompleteModule } from 'primeng/autocomplete';
导入模块imports: [CommonModule, FormsModule, AutoCompleteModule],
我会展示我的代码
my file .html shows this
<div fxLayout="column">
<div>
<h1>Buscador de Hér
浏览 18提问于2022-02-16得票数 0
回答已采纳
基本上，我试图将所选的项目模板用于PrimeNG的AutoComplete，但不起作用。在下面的代码中，我在“selectedItem”模板中指定了以某种方式格式化值。我遗漏了什么吗？
<p-autoComplete [formControlName]="controlModel.id"
[forceSelection]="true"
[suggestions]="httpSearchResult"
浏览 2提问于2019-07-11得票数 1
回答已采纳
我有组件，其中我使用primeNG p-autocomplete
下面是此组件的html
<form #addressForm="ngForm" novalidate name="AddressForm">
<div class="form-group">
<label for="Line1">{{ 'AddressLine1' | localize }} *</label>
<p-autoComplete
#addressLin
浏览 9提问于2020-02-19得票数 0
回答已采纳
所以我用primeng的自动完成功能构建了一个下拉列表，我有一个问题。当我点击我的下拉列表，选择一些数据时，占位符就消失了，但我想让它像我的文本输入字段一样向上。但是我很困惑，因为我的dropdown没有任何真正的输入或标签标签。 我的dropdowns最外层的div有"ui-float-label“类。在里面我有一个带有"ui-fluid“类的div。最后，在"ui-fluid“中有我的p-autocomplete，它看起来像这样。 <p-autoComplete
[(ngModel)]="valueOfSingleSe
浏览 19提问于2020-04-29得票数 0
1回答
我对角度很陌生，并且试图定制PrimeNG下拉列表上的滚动条，但没有成功。有人知道怎么做吗？
HTML：
<p-autoComplete placeholder="- Select -" (onSelect)="onSelect(dh.head,i)" (onClear)="clearData($event,dh.head, i)" (onDropdownClick)="handleDropdown(event)" field="name" [suggestions]="filteredData
浏览 8提问于2017-10-05得票数 1
回答已采纳
我预期PrimeNG AutoComplete组件会在键盘选择和键盘选择上发出(onSelect)事件。但它只发出键盘选择。而"dropdown=false“
示例非常简单：
<p-autoComplete ... (onSelect)="onSelect()" ...>
..。
onSelect(){
console.log('select', this.suggestions);
}
使用："primeng"："^6.1.4"，"@angular/cli"："^6.2.3
浏览 3提问于2018-11-28得票数 1
1回答
我是个新手，环顾四周却找不到答案.
如何将参数传递给使用的组件()？
我想要实现的非常简单，我有一个LogoComponent，我想从两个地方调用它: LoginComponent (应该是全尺寸的)和DashboardComponent (它的size是参数化的)，但是我得到了一个例外：
未明错误:模板解析错误:无法绑定到“大小”，因为它不是“s-徽标”的已知属性。1.如果“s-logo”是一个角度分量，并且有“大小”输入，则验证它是否是该模块的一部分。
logo.component.ts (为了易用性而简化)
@Component({
selector: 's-lo
浏览 0提问于2018-04-29得票数 0
回答已采纳
我有一个JSON对象列表，下面是一个示例
[
{
id: 'cont-609',
contactMedium: [
{
characteristic: {
emailAddress: 'test@gmail.com'
}
}
]
}]
我在这里的目标是访问emailAddress emailAddress PrimeNG autoComplete属性“字段”，这样我就可以在下拉列表中显示电子邮件列表。
在contactMedium中总是有一个元素
下面是
浏览 4提问于2021-05-28得票数 0
回答已采纳
1回答
我有编辑组件，在这里我使用primeNG p-自动完成。
以下是此组件的html
<div class="form-group row">
<label class="col-lg-2 col-form-label" style="text-align:left;"><strong>Birim</strong></label>
<div class="col-lg-5 ui-fluid">
浏览 5提问于2021-12-29得票数 1
我正在使用Angular primeng和Angular新手开发angular 7应用程序。这就是这个场景。 a)从外部api获取用户数据，但我需要根据输入的搜索显示用户。我尝试阅读以下文档“多个”select https://www.primefaces.org/primeng/#/autocomplete，但无法根据搜索显示值。 b)我已经在搜索部分的右侧添加了Add按钮。单击add按钮后，user应显示在其下方。 请参阅代码片段。home.component.html <div class="ui-g">
<div class="u
浏览 3提问于2019-05-01得票数 0
回答已采纳
6回答
如何设置autoComplete宽度以正确填充面板？
如您所见，使用：
.ui-autocomplete input {
width: 100%;
}
将把箭头放在面板之外
编辑: panelGrid
<p:panelGrid columns="3" style="border: hidden; width: 100%" styleClass="ui-panelgrid-blank">
<p:panelGrid>
浏览 0提问于2016-11-24得票数 2
我使用的是一个自动完成的ng-素数，其中一个对象是"Employee“，里面有"Person”，在"name“、"surname 1”和"surname 2“中。
<p-autoComplete [(ngModel)]="empleado" [suggestions]="filteredEmpleadosSingle" (completeMethod)="filterEmpleadoSingle($event)"
field="persona.nombre"
浏览 1提问于2018-06-22得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
