IEブラウザで角関数呼び出しが動作しない

Question

最近UIで作業を開始しました。ですから、私はangularjsをhtmlで使っています。私はInternet ExplorerのCSSスタイリングに関して疑問を持っています。私はフィールド値に基づいてdivの背景色を決定するために角度呼び出しを使用しています。それはクロムとファイアフォックスでうまくいきます。これは、これが任意のアイデア私の角度機能

$scope.get_color = function(val){ 

    if (val == '0'){  
     return 'rgb(245,215,215)'; 
    } 
    else{ 
     return 'rgba(211,211,211,0)'; 
    } 
} 

ある

<div class="row" style="border-bottom: 1px solid black; border-top: 1px solid black; padding-top: 5px; padding-bottom: 5px;margin-right:5px;margin-left:5px; margin-bottom: 5px; margin-top: 5px; clear: both; background-color: {{get_color(system.status)}}; position: relative"> 

私のHTMLコードです

以下のようにしかし、IEでそれはいくつかのエラーを与えています私は何が欠けていますか？

Answer 1

お客様のbackground-colorは、角度式{{get_color(system.status)}に設定されていますが、{{get_color(system.status)}}である必要があります。最後に}が見つからないことに注目してください。

これにあなたのHTMLを変更してみてください：

<div class="row" ng-style="get_color(system.status)" style="border-bottom: 1px solid black; border-top: 1px solid black; padding-top: 5px; padding-bottom: 5px;margin-right:5px;margin-left:5px; margin-bottom: 5px; margin-top: 5px; clear: both; position: relative"> 

そして、あなたのget_color機能では、このような何か：要約ng-styleを使用して、あなたの関数が含まれているオブジェクトを返すようにするに

$scope.get_color = function(val){ 
    if (val == '0'){  
     return { "background-color": 'rgb(245,215,215)' }; 
    } 
    else{ 
     return { "background-color": 'rgb(211,211,211,0)' }; 
    } 
} 

をあなたが使いたいスタイルを選んでください。