を必要と下図のように、私はセルのテンプレートを持っている:UIセルテンプレートがangularjs UIのグリッドでは、ダイナミックNGスタイル
cellTemplate : "<div class="progress"> <div class="progress-bar progress-bar-info" ></div> </div>"
今、私は動的にcellTemplateすなわち、progress-bar-info
用カラークラスを変更する必要があります。 (完全、不完全、進行中、または失敗)を基にした列の値、私はprogress-bar-success, progress-bar-info, progress-bar-warning, progress-bar-danger
をcellTemplateに持つ必要があります。どうすれば達成できますか?
私は次のテンプレートを試みたが、それはエラーを与えている:
cellTemplate: " <div class=\"progress margin-top-10\"> <div class=\"progress-bar\" ng-class=\"{progress-bar-success:{{row.entity.status}}==='complete', progress-bar-warning:{{row.entity.status}}==='incomplete', progress-bar-danger:{{row.entity.status}}==='fail'}\" ng-style=\"{width:'{{row.entity.val}}%'}\"></div> </div>",
そして、次のようにエラーがある:
angular.js:13920 Error: [$parse:syntax] Syntax Error: Token '-' is unexpected, expecting [}] at column 10 of the expression [{progress-bar-success:complete==='complete', progress-bar-warning:complete==='incomplete', progress-bar-danger:complete==='fail'}] starting at [-bar-success:complete==='complete', progress-bar-warning:complete==='incomplete', progress-bar-danger:complete==='fail'}].
取得しているエラーは、クラス名にハイフンがあるためです。あなたはそれらを ''の中に包み込むことができます。 – Rishabh
私は\ 'progress-bar-success \'でそれを試しましたが、まだ動作していません。 – smart987
あなたはどんなエラーを出していますか? plunkerのリンクを確認してください – Rishabh