Question

我想将style属性中div的宽度作为输入传递，但我的代码会出错：

export class FieldErrorDisplayComponent {

@Input() errorMsg: string;
@Input() displayError: boolean;
@Input() width: string;
}

html：

<div *ngIf="displayError" >

<span class="sr-only">(error)</span>
<div style="{{width}};padding:5px 5px 5px 15px !important" class="error-msg alert alert-danger">
  {{ errorMsg }}
</div>

HTML：

 <app-field-error-display [width]="55%"  [displayError]="isFieldValid('dateDepart')" errorMsg="Choisissez une date.">
                    </app-field-error-display>

Answer 1

试试这个：

<div [style.width]="width"></div>

如果您只发送数值，则为此：

<div [style.width.%]="width"></div>

此处有更多信息：https://angular.io/guide/template-syntax

Answer 2

试试这个 <app-field-error-display [width]="'55%'" [displayError]="isFieldValid('dateDepart')" errorMsg="Choisissez une date."> </app-field-error-display>

使用单引号[width]="'55%'"传递值

如何将div的宽度作为角度输入传递

2 个答案: