如何在TypeScript中解码html元素?

时间:2018-06-29 05:34:46

标签: angular typescript

我正在使用Angular 2和C#,SQL Server(数据库)。我有一种情况,其中一些HTML字符串来自数据库,其中包含HTML标记或特殊字符,例如-(>,<&等等)。

因此,当来自数据库时,特殊字符将以编码格式输入。但是我想在TypeScript文件的实际内容中对其进行解码。下面是我原始字符串的示例-

 if > 10

它在用户界面中显示如下-

if  &gt; 10

我正在使用以下HTML代码-

<div class="bold-text">{{vm.Name}}</div>

谁能建议我们如何在TypeScript或Angular 2中对其进行解码。

1 个答案:

答案 0 :(得分:1)

您需要使用ng-bind-html指令

        var data = new Dictionary<SolidColorBrush,string>();
        data.Add(Brushes.Blue,"Blue");
        data.Add(Brushes.Red,"Red");
        data.Add(Brushes.Green, "Green");
        data.Add(Brushes.Orange, "Orange");
        data.Add(Brushes.Pink, "Pink");
        data.Add(Brushes.Purple, "Purple");

        var pantsColorComboBox = sender as ComboBox;

        pantsColorComboBox.ItemsSource = data;
        pantsColorComboBox.SelectedIndex = 0;