0

私のコントローラでは、REST APIレスポンスを使用してテンプレートを動的に生成し、その値をイオンラジオとして表示しています。Ionic V1 - イオンラジオでの特殊文字の印刷

マイコード

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"<デフォルト>"、 "N/A"、...値が含まれる場合があります。この種の値はリストには表示されず、エラーが表示されます。

値をそのままHTML形式に変換せずに印刷するにはどうすればよいですか?

EDIT 1:(画像が追加された)

<デフォルト>が強調表示領域に表示されるべきです。

enter image description here

EDIT 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

がエラー手段エラーを示しようなHTMLで文字列として印刷することができますか? –

+0

@PareshGami値がHTMLと見なされています。私はそう思う。しかし、私が望んだのは、その価値をそのまま印刷することでした。値には任意の文字を使用できます。前もって感謝します。 –

答えて

0

あなたは

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

私のコードでどのように使用できますか? –

+0

###としてコードを作成した後、 "generatedTemplate + = ' '+' <![CDATA ['+ value.wc_name +']]> '+' '; " ###他のラジオボタンのテキストが空になります。 –

+0

回答が編集されました。 –