角度4で条件付きで属性を設定する

Question

要素の内容に依存するhref属性を補間から設定したい。

<div> 
    <ul class="contactnav"> 
     <li *ngFor="let contactItem of contactItems" > 
      <a class="{{ contactItem.iconBootStrap }}" href=" {{ contactItem.contactForm.indexOf('@') }} !== -1? 'mailto:{{ contactItem.contactForm }}' : '#'" data-rel="external"> 
       {{ contactItem.contactForm }} 
      </a>   
     </li> 
    </ul> 
</div> 

にはどうすればcontactItem.contactFormがそうでなければ「＃」の値に設定された@含まれている場合は値のHREFを設定する要素に条件を定義する必要がありますか？

Answer 1

あなたが求めているのは、属性ではなくプロパティを設定することです。

あなたはHow to add conditional attribute in Angular 2?

Answer 2

は[のhref = "contactItem.contactForm.indexOf（ '@'）`

<a class="{{ contactItem.iconBootStrap }}" [href]="contactItem.contactForm.indexOf('@') !== -1? 'mailto: ' + contactItem.contactForm : '#'" data-rel="external"> 
     {{ contactItem.contactForm }} 
    </a>