ルックアップの変更をリッスンする方法

Question

ルックアップコンポーネントの変更を検出する方法については、ドキュメントのどこにも見つけることができません。同様に、PickのようにngModelを使用しない他のコンポーネントも同様です。 2ヶ月以上応答がない場合でも関連するissue on GitHubがあります。ここで

は、サンプルコードされています

<ngl-lookup [(value)]="value" [lookup]="lookupAsync" field="formatted_address" [(pick)]="address"> 
    <template nglLookupLabel>Type an address:</template> 
    <div nglLookupHeader class="slds-text-body--small">Most relevant cities</div> 
    <template nglLookupItem let-ctx> 
    <div class="slds-media__body"> 
     <div class="slds-lookup__result-text">{{ctx.formatted_address}}</div> 
     <span class="slds-lookup__result-meta slds-text-body--small">Place ID: {{ctx.place_id}}</span> 
    </div> 
    </template> 
</ngl-lookup> 

と関連pluckerは、 "ルックアップ" のセクションで構成ページで確認することができます：

• http://ng-lightning.github.io/ng-lightning/#/components

私は何かが足りないのですか？私は本当に多くのコンポーネントがngModelを使用していないのを見て混乱しています。

ご協力いただきありがとうございます。構文上

Answer 1

[(pick)]="address" 

1. 結合双方向のデータです。この意味では、コンポーネントから入力と入力にデータをバインドします。
2. それはsetSuperheroセットがthis.superheroに値を更新[pick]="superhero" (pickChange)="setSuperhero($event)"

へのショートカットです。

あなたの問題への解決策：これまで

変更[(pick)]="superhero"：コンポーネント内部

[pick]="superhero" (pickChange)="superheroPicked($event)" 

：

superheroPicked(superhero){ 
    this.superhero = superhero; 
    console.log(superhero); 
} 

上記は、選択したときに新しい値にスーパーヒーローを設定してもプリントされますコンソールの値。

Plnkr関連資料：https://plnkr.co/edit/FaTlh3wzreKkaKZORjKx?p=preview