javascript - 避免 &amp 在 ng-select 中以 Angular 7 下拉

Question

我正在使用 ng-select 下拉列表。如果我使用 ng-option，那么如果它得到“&”，它会添加“amp;”和 ”＆”。但是如果我只使用 ng-select 它就可以完美地工作。我不能使用任何指令来替换值，因为在后台值不会改变。但在显示时它添加了“amp;”。

 <ng-select [clearable]="false" (change)="onChangeBusinessUnit()" [disabled]="model.canChangeBusinessUnit != 1"
              [(ngModel)]="model.selectBusinessUnit" name="selectBusinessUnit">
              <ng-option value="">{{ langService.langData.select }}</ng-option>
              <ng-option *ngFor="let businessUnit of model.businessUnitList" [value]="businessUnit.BU_NO">{{
                businessUnit.BU_NAME }}</ng-option>
            </ng-select>

在下拉显示喜欢

请参阅 stackblitz: https://stackblitz.com/edit/ng-select-i19fsr?file=app/app.component.ts

Answer 1

您可以尝试手动更新 & ;用替换

{{ value.replace(/&amp ;/g, '&') }}

就其值(value)而言，HTML 应该自动将 & 转换为 &。看起来你在 & 里面有一个流氓空格键。这阻止了这种情况的发生 或者像这样创建管道 {{value | [管道]}}