Ionic V1 - 打印离子收音机中的特殊字符

时间:2017-10-24 15:57:47

标签: angularjs ionic-framework radio-button html-escape-characters ionic-v1

在我的控制器中,我使用REST API响应动态生成模板,然后将值显示为离子无线电。

我的代码

var generatedTemplate = '<ion-list>';

angular.forEach($scope.longPressOptions, function(value, index) {
  generatedTemplate += '<ion-radio class="item-text-wrap" ng-model="longPressOptions.selectedValue" ng-value="' + value.wc_id + '">' + value.wc_name + '</ion-radio>';
}

generatedTemplate +=  '</ion-list>';

value.wc_name 可能包含&#34;&lt;默认&gt;&#34;,&#34; N / A&#34;,... 值。这些值未列出并显示错误。

如何按原样打印值,而不将其转换为HTML格式?

编辑1:(已添加图片)

&lt;默认&gt; 应显示在突出显示的区域中。

enter image description here

编辑2:(生成的代码)

<h5 style="border-bottom: 1px solid lightgray">Bystar 3015-2</h5> 
<ion-list>
  <ion-radio class="item-text-wrap" ng-model="longPressOptions.scheduleSelectedWC" ng-value="2"> //NewName 
  </ion-radio>
  <ion-radio class="item-text-wrap" ng-model="longPressOptions.scheduleSelectedWC" ng-value="10">N/A 
  </ion-radio>
  <ion-radio class="item-text-wrap" ng-model="longPressOptions.scheduleSelectedWC" ng-value="11"><Default> 
  </ion-radio>
</ion-list>

1 个答案:

答案 0 :(得分:0)

您可以在html中打印为字符串,如

 <ion-radio class="item-text-wrap" ng-model="longPressOptions.scheduleSelectedWC" ng-value="11"> <![CDATA[ <default> ]]>
  </ion-radio>