angular2/4のngForでngx-uiツールチップを使用する方法はありますか？私は、オブジェクトのリストを持っている <a href="https://github.com/swimlane/ngx-ui" rel="nofollow noreferrer">https://github.com/swimlane/ngx-ui</a></p> <p>：：私はここにツールチップを使用したい

Question

（angular2ツールチップライブラリは専門家の助けを必要とし、問題を抱えている全員に表示されます） マイリスト= [{「名前」：「アップル」} 、{ '名前'： 'バナナ'}、{ '名前'： 'パイナップル'}]

私は次の操作を実行した場合、それはよさそうだ：

<a [tooltipPlacement]="'top'" [tooltipType]="'tooltip'" ngx-tooltip [tooltipType]="'popover'" [tooltipPlacement]="'top'" [tooltipTemplate]="popoverTemplate" (mouseover)="tooltipModel.text = 'Apple'">Apple</a>        

私はそれをngForしようとすると問題がありますこのように：

<a *ngFor="let fruit of mylist;" [tooltipPlacement]="'top'" [tooltipType]="'tooltip'" ngx-tooltip [tooltipType]="'popover'" [tooltipPlacement]="'top'" [tooltipTemplate]="popoverTemplate" (mouseover)="tooltipModel.text = 'Apple'">{{fruit.name}}</a> 

イベントヒントテキストをハードコーディングしていますが、ツールチップが表示されません。この問題を回避する方法はありますか？ライブラリが壊れていて、ngForをサポートしていませんか？

私はツールチップを持っていたいと思っています。入れ子にされたコンテナを持っているときにうまく動作しないangular2-tooltipsのような他のパッケージを試しました。 ngx-tooltipは、HTMLのbody要素にツールチップを添付します。これにより、ツールチップが常に上に表示されます。実際には、良いツールチップを動かす簡単な方法がないように見えることに憂慮しています。助けてください。これはngx-tooltipを使用して達成することができる

Answer 1

、

<div *ngFor="let item of items"> 
    <a [tooltip] = "item.toolTipMessage" placement="left"> 
     {{item.name}} 
    </a>