html - 在 Angular 4 中有条件地设置属性

我想设置元素的 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 的值？

最佳答案

您要求的是设置属性，而不是属性。

您可以使用

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

有关条件属性绑定(bind)，请参阅 How to add conditional attribute in Angular 2?