如何在 Angular 6 中單擊按鈕時獲取 ngPrime 自動完成文本

Question

我正在使用ngPrime自動完成功能從服務中獲取數據。 我的要求是在單擊按鈕時在任何實例中獲取以自動完成方式編寫的文本。 我試圖在組件中使用 getElementById.value 獲取值，但它返回undefined 。

  <p-autoComplete [(ngModel)]="contact" [suggestions]="contactList.TaxEntities" (completeMethod)="filterContact($event)"
        field="TaxEntityName" [size]="30" placeholder="Search Contact" [minLength]="1" appendTo="body" id="auto">
        <ng-template let-selectedItem pTemplate="item">
            <div class="ui-helper-clearfix">
                {{selectedItem.TaxEntityName}}, {{selectedItem.TaxEntityABN}}
            </div>
        </ng-template>
    </p-autoComplete>

Answer 1

根據您的評論：

• 這是另一個 component.html 文件中的代碼 Resuable autocompletelte component Search Contact 這里，我想獲取自動完成值。 我怎樣才能實現它？

您需要使用輸入和輸出檢測器來處理這個問題。 您可以使用輸入裝飾器將值從父組件傳遞給子組件。 您可以使用輸出（事件發射器）來獲取父組件中的子組件值