特殊記号を角4で表示する

Question

テキストボックスにバックエンドからngModelを使用して値を取得しています。これは検索可能なドロップダウンにリンクされています（これは<p>タグを使用して入力し、innerHtmlを使用しています）。

登録商標記号をテキストボックスに表示する必要がある場合、どうすればよいですか？何か案は？または角度指示？

私はここにBRAND_IDを読み込みボックスについて

を話している値（、。例えばため ®として登録商標）私はと同期別のサービスからHTMLバイト文字としてDBに救われ

<div class="Top-selection"> 
        <input type="text" class="" placeholder="Type here to select a brand" (blur)="checkProperData()" 
          id="brand-id" #BRAND_ID="ngModel" [(ngModel)]="cmpgnCtgry['BRAND_ID']" 
          name="BRAND_ID" (click)="showBrands(row_no)" (keyup)=filter(row_no)/> 

        <div class="filterbox width300px" *ngIf="disableShow[row_no]"> 
         <div *ngFor="let brand of brandList"> 
          <p [innerHTML]="brand.brandName" (click)="selectCatalogId(brand.brandName, brand.brandUniqueId, brand.brandId, row_no)"> 
           {{brand.brandName}}</p> 
         </div> 
        </div> 
       </div> 

私はまた、次のことをやってみました

、

var p = document.createElement('div'); 
         p.textContent = this.campaign['CMPGN_DTL_TX'].CMPGN_CTGRY[i].BRAND_ID; 
         this.campaign['CMPGN_DTL_TX'].CMPGN_CTGRY[i].BRAND_ID = p.innerHTML; 
         console.log(p.innerHTML); 

これは働いていなかった理由を、私は本当に理解していませんでした。私はこれを私の.tsコンポーネントファイルに実装しました。これを記録することは役に立たないでしょうか？ （HTMLでも更新されていません）。

また、正規の表現を使用して<または&のシンボルを置き換えなければならないという標準的な方法を登録商標に変換する標準的な方法がないことに本当に驚いています。

Answer 1

正常[(ngModel)]が正しく任意のUnicodeのシンボルをバインドする

テンプレート

<div> 
    <input [(ngModel)]="brand" /> 
</div> 

成分

brand = "Google™©®" 

スクリーン

保存時にHTMLエンティティをエンコードおよびデコードする方法については

/データベースからの読み込みにこれらの質問を参照してください。

1. Encoding
2. Decoding

Plunker example