以角度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

你要求的是設置屬性，而不是屬性。

您可以使用

[href]="contactItem.contactForm.indexOf('@') !== -1 ? 'mailto: ' + contactItem.contactForm : '#'"

對於條件屬性綁定，請參閱如何在Angular 2中添加條件屬性？

Answer 2

試試這個，

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