データホバー角度2が機能しない

Question

角度はデータホバーを認識しません。それは私がスパンを試してみました「スパン」

の既知のプロパティではありませんので、

は、「データ・ホバー」にバインドできません、運をDIVません。 既存のページはデータホバーに大きく依存しているため、書き換えはオプションではありません。

<a class="main-item" routerLink='{{ item?.url}}'> 
    <span class="main-item-hover" data-hover="{{item?.label}}">{{item?.label}}</span> 
</a> 

コードのこの作品は、角度

EDITせずに完璧に動作します：

.main-item-hover:before { 
    content: attr(data-hover); 
    font-weight: 600; 
    position: absolute; 
    top: 100%; 
} 

は、これは、データのホバーは、CSSで使用される方法です。

アイデア？

Answer 1

は

<a class="main-item" [routerLink]="item?.url"> 
    <span class="main-item-hover" [attr.data-hover]="item?.label"> 
    {{ item?.label }} 
    </span> 
</a> 

plunkerとの結合性と一緒に角括弧を使用してコードを書き直すしよう：https://plnkr.co/edit/v49Qe7FInPToKXf952Et?p=preview