Angular: ({{}})をsvg形状のクラス属性に補間できません

作成日 2016年05月27日  ·  3コメント  ·  ソース: angular/angular

  • 私は提出しています...
  • [x]バグレポート
  • []機能リクエスト
  • []サポートリクエスト=>ここではサポートリクエストを送信しないでください。このテンプレートの上部にある注を参照してください。

現在の動作
同じ要素に[ngClass]=""が含まれていない限り、svg形状のクラス属性に({{}})を補間することはできません。

期待される/望ましい動作
[ngClass] = ""の有無にかかわらず、任意の要素のクラス属性への任意のテキストの補間が可能である必要があります。

  • 現在の動作がバグである場合は、再現する手順と、可能であれば問題の最小限のデモを提供してください。
    ここで再現:
    https://plnkr.co/edit/mVe6NH?p=preview
  • 期待される動作は何ですか?
    'red'クラスを適用した結果、両方の線とh1が赤に変わるはずです。
  • 行動を変える動機/ユースケースは何ですか?
    ..世界には秩序があるはずです¯_(ツ)_/¯
  • あなたの環境について教えてください:
  • Angularバージョン: 2.0.0-rc1
  • ブラウザ: [Chrome 50 | Firefox 34 | Safari 9.0.3]
  • 言語: [TypeScript]

最も参考になるコメント

SVG、つまり[attr.class]="color"で属性にバインドする必要があります

全てのコメント3件

SVG、つまり[attr.class]="color"で属性にバインドする必要があります

そのヒントをありがとう-それは魅力のように機能します!

しかし、この一見矛盾していることに驚かされるのは私が最後ではないだろうと思います。 私はAngularドキュメントでsvgに関する特別なルールを探すのに少し時間を費やしましたが、手ぶらで出てきました。 私は何を取りこぼしたか?

この問題は、非アクティブのために自動的にロックされています。
同様の問題または関連する問題が発生した場合は、新しい問題を提出してください。

自動会話ロックポリシーの詳細をご覧ください。

_このアクションはボットによって自動的に実行されました。_

このページは役に立ちましたか?
0 / 5 - 0 評価