TypescriptでHTMLスペースコードを設定する2

Question

htmlでスペースを自分の値に設定する方法に関するちょっとした問題です。 私はコードを持っている：

setValuetoComboBox(test:string, lvl:number){ 
    let lastTest:string; 
    let spaceString:string; 
    //  
    spaceString='&#160'; 
    for(var i = 1; i <= lvl; i++){ 
     spaceString=spaceString + '&#160'; 
    } 
    lastTest = spaceString + test; 
    return lastTest; 
} 

このコードでは、私は、HTMLのスペースを作るために&＃160を持っています。そして私は、HTMLのコードを持っている：

        <select [formControl]="parent" class="form-control"> 
            <option value="-1">Root</option> 
            <option value="{{test.id}}" *ngFor="let test of parentValue"> 
             {{setValuetoComboBox(test.name, test.lvl)}} 
            </option> 
           </select> 

と結果は次のとおりです。

The Result

この間違った結果、私はスペースでないコード&＃160が欲しいです。誰も私の問題についての答えを見つけることができますか？私はあなたが実際に何をしたいと思います

Answer 1

はリテラル文字列が挿入されます{{ }}で

<option value="{{test.id}}" *ngFor="let test of parentValue" 
    [innerHTML]="setValuetoComboBox(test.name, test.lvl)"> 
</option> 

です。

How to bind raw html in Angular2

に示すように、あなたがsetValuetoComboBox(...)は非常に頻繁に（角度の実行が検出を変更するたびに）呼ばれるかもしれないことを認識しておく必要があり、たとえば消毒剤を使用するなど、安全なそれをマークする必要があるかもしれません。通常は、呼び出しの結果をプロパティに代入し、関数にバインドするのではなく、このプロパティにバインドすることをお勧めします。

このため、ビュー内の関数へのバインドは一般的にはお勧めできません。重大なパフォーマンスの問題を引き起こす可能性があります。