如何在为 html 和 angular 中的属性赋值之前设置条件？

Question

<div #dataContainer class="infills richtextbox {{field.groupid}}"
                    contentEditable="true" 
                    *ngIf="field.fieldtype=='text'"
                    id="{{field.id}}" 
                    name="{{field.id}}" 
                    [ngStyle]="{'position':'absolute','top':field.y+'px','left':field.x+'px','font-size': field.fontsize,'font-family':field.fontfamily,'width':field.width+'px','height':field.height+'px','border':'1px solid #FFF','background':'#EEE','overflow':'hidden' }"
                    title="{{field.description}}"
                    [(ngModel)]="field.value" 
                    (keypress)="_keyPress($event,field.pattern)"
                    (dblclick)="openFullRTE(field.id)" 
                    (focusout)="field.htmlContent=dataContainer.innerHTML;">
</div>

在这里，我想看看field.description是否具有值“desc”，如果是，则将值分配为空给title属性，否则它可以包含 field.description 中的值。我怎样才能做到这一点？可以使用三元运算符吗？

Answer 1

您可以使用三元运算符，甚至可以调用函数。首先，您需要将title属性括在括号中。它看起来像这样：

[title]="field.description == 'desc' ? 'some value' : ''"

或者调用一个返回适当值的函数：

[title]="getFieldDescription(field.description)"

希望这可以帮助。