正如您在下图中所看到的,当问题超过150个字符时,该问题将被裁剪,对此的最佳解决方案是什么?有什么建议吗?谢谢。我不希望文本或问题被截断(如果超过150个字符)。
它应该是动态的并且应该调整。
角度的
<div fxLayout="row" fxLayoutGap="24px">
<div fxFlex fxLayout="row">
<mat-form-field appearance="outline" class="pr-4" fxFlex>
<mat-label>Search Question</mat-label>
<mat-chip-list #chipList>
<mat-chip *ngIf="hasSelectedQuestion()" [selectable]="selectable" removable="true"
(removed)="deselectQuestion()">
{{form.controls.question.value.question}}
<mat-icon matChipRemove>cancel</mat-icon>
</mat-chip>
</mat-chip-list>
<input matInput #questionSearch [ngClass]="!hasSelectedQuestion() ? '' : 'hidden'" [matAutocomplete]="auto"
[matChipInputFor]="chipList" formControlName="question" required class="full-width" trim />
<mat-icon matSuffix>search</mat-icon>
<mat-autocomplete #auto="matAutocomplete" [displayWith]="displayFn">
<mat-option *ngFor="let question of questions$ | async" [value]="question">
{{question.question}} <span class="disabled-text">({{question.choice ? 'Yes/No' : 'Comment only'}})
</span>
</mat-option>
</mat-autocomplete>
</mat-form-field>
</div>
</div>