autocomplete 相关问题

我有编辑组件，我在其中使用 primeNG p-autocomplete 这是该组件的 html 我有编辑组件，我在其中使用 primeNG p-autocomplete 这是该组件的 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"> <p-autoComplete [(ngModel)]="selectedBirimAdvanced" [suggestions]="filteredBirim" name="birim" (completeMethod)="search($event)" [dropdown]="true" field="adi" (onSelect)="doOnSelect($event)" > <ng-template let-dto pTemplate="item"> <div>{{dto.adi}}</div> </ng-template> </p-autoComplete> <span style="margin-left:50px">Birim: {{selectedBirimAdvanced||'none'}}</span> </div> </div> 这是该组件的打字稿 @Component({ selector: 'kt-talep-giris-edit', templateUrl: './talep-giris-edit.component.html', styleUrls: ['./talep-giris-edit.component.css'], providers: [ConfirmationService] }) export class TalepGirisEditComponent implements OnInit { constructor(...) { } talep: PerBirimTalep = new PerBirimTalep(); /*dropdown variables*/ birim2: any[]; filteredBirim: PerBirim[]; selectedBirimAdvanced: string; ngOnInit() { this.sub = this.route.params.subscribe(params => { const id = params['id']; if (!isNaN(id) && id != 'new') { this.findByTalep(id); } this.getCombo(); }); } findByTalep(id: number) { this.perBirimTalepService.getByTalep(id).subscribe( data => { this.talep = data; }, error => { //this.showError('HATA', error); this.showMessage('error', 'Kayıt Bulunamadı.', 'Uyarı'); } ); } //Birim autocomplete getComboBirim2() { this.parameterService.getBirim().subscribe(data => { this.birim2 = data; }); } search(event) { let filtered: PerBirim[] = []; let query = event.query; for (let i = 0; i < this.birim2.length; i++) { let birim1 = this.birim2[i]; if (birim1.adi.toLocaleLowerCase('tr').indexOf(query.toLocaleLowerCase('tr')) == 0) { filtered.push(birim1); } } this.filteredBirim = filtered; } doOnSelect(event) { this.selectedBirimAdvanced = event.birimId; console.log('selectedBirimAdvanced '+ event.birimId ) } } 我的问题是 p-autocomplete ngModel 未设置并且“Birim”为空。但我使用组合框 ngModel 进行设置。我在 p-autocomplete 中写了 ngModel“selectedBirimAdvanced”。这是浏览器屏幕截图。截图如何设置“Birim”字段。我该如何解决它。我不确定这是否是问题所在，但也许它有帮助：尝试取出 onSelect 并看看会发生什么。你的 ngModel 是双向绑定的，那么为什么要额外进行 onSelect 呢？理论上你要设置你的模型两次

angular typescript autocomplete primeng

回答 1 投票 0

VSCode Python 在自动补全类名时删除括号

当我尝试在 vscode 中自动完成我的类名称时，括号也带有类名称。如何调整 vscode 中的自动完成功能，使其不会自动完成类的括号...

python visual-studio-code autocomplete

回答 2 投票 0

Material-UI：如何仅在输入内容时显示自动完成下拉列表？

如何仅在输入内容时显示 Material-UI 自动完成下拉列表？我向我的一个项目添加了一个 Material-UI 自动完成组件。但问题是当我单击 TextField 时，它

reactjs autocomplete material-ui

回答 2 投票 0

MUI 5 自动完成更改禁用项目样式以不使用不透明度

在 MUI 5 自动完成中，我需要覆盖禁用的选项样式，以纯色显示它们，而不是不透明。我试过这个： '& .MuiAutocomplete-option[aria-disabled="true"]'...