避免&amp in ng-select drop down in angular 7答案

【问题标题】：Avoid &amp in ng-select drop down in angular 7避免&amp in ng-select drop down in angular 7
【发布时间】：2019-07-24 04:20:48
【问题描述】：

我正在使用 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

【问题讨论】：

Unescape HTML entities in Javascript?的可能重复
@AnuragSrivastava 它无法解决我的问题。它在引导下拉列表中完美运行。但是在 ng-select 下拉菜单中，当它获得“&”时会添加“amp”。
你需要在ng-option中给你的[value]添加一个管道，并在管道中返回html解码后的值。
@AnuragSrivastava 你能帮我一些代码吗？
如果您可以在stackblitz.com/edit/angular-playground 上创建一个最小示例，我可以尝试指导您。

标签： javascript html angular angular7 angular-ngselect

【解决方案1】：

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

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

不管怎样，HTML 应该自动将&amp; 转换为&。好像你在 & 里面有一个流氓空格键这阻止了这种情况的发生或像这样创建管道{{value | [pipe]}}

【讨论】：

不错的尝试，但不幸的是不起作用。我也做了一个管道。但是当我发送或获取价值时，它绝对没问题。在显示下拉列表时，它添加“amp;”，