在Angular 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包含@，则应该如何在<a>元素中定义条件来为值设置href，否则将其设置为“#”？

- maciejka

---

[href]="contactItem.contactForm.indexOf('@') !== -1? 'mailto: ' + contactItem.contactForm : '#'" - Günter Zöchbauer

Answer 1

你所要求的是设置一个属性，而不是一个属性值。

你可以使用：

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

关于条件属性绑定，请参考如何在Angular 2中添加条件属性？

- Günter Zöchbauer

Answer 2

试试这个，

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

- Sajeetharan