PrimeNGから 'MultiSelect'コンポーネントの関数をオーバーライドします

Question

JSの新機能です。私は小さいfront-end taskを持っていると私はグーグルの数時間後にそれを解決する方法を知らない。

私はPrimeNG複数選択コンポーネントでこの機能を無効にする必要があります：MultiSelect.prototype.updateLabel。プロジェクトで

は、私は静的である必要があるラベルに取り組んでいますが、altテキスト（ホバリング）、元の実現のようにダイナミックでなければなりません。

あなたは正しい方向に私を指す場合、それは素晴らしいことです。私はこれを見つけましたpage、それは私がそれを正しく実装する方法がわからないので私を助けませんでした。

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

Answer 1

私は私のプロジェクトで同じことをしなければなりませんでした。

ここで私はそれを動作させるためにやったことだ： コンポーネントの.htmlのファイルでのようなものを追加：追加、

コンポーネントファイル内のコンストラクタ以下

<p-multiSelect #multiselect 
     [options]="someOptions" 
     [(ngModel)]="someModel.options" 
     [defaultLabel]="Did this work?" 
     (onChange)="onChange($event)" 
> 
</p-multiSelect> 

を：

@ViewChild('multiselect') multi: MultiSelect; 

私はいつもと呼ばれるセッターに地雷を置くが、ラベルを変更する必要がどこに - おそらく購読機能で - あなたが使用してオーバーライドすることができます。

this.multi.updateLabel = function() { 
    var label = this.value.length.toString() + " Data Points Selected"; 
    this.valuesAsString = label; 
} 

希望に役立ちます！