Angular js文本剪报，如果文本超过150个字符，则文本被剪裁

由 发布于 angularjavascriptangularjsclipping
 收藏

正如您在下图中所看到的，当问题超过150个字符时，该问题将被裁剪，对此的最佳解决方案是什么？有什么建议吗？谢谢。我不希望文本或问题被截断（如果超过150个字符）。

它应该是动态的并且应该调整。

image

角度的

<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>
评论