Angular4とデータ - *以下のコード片持ちAngular4のネストされたコンポーネント内にネストされたコンポーネント

Question

に注入された変数と属性：私は走ったので

<a data-activator="classroom-panel-activator" 
      data-toggle="collapse" 
      data-parent="#accordion-{{ day.date }}" 
      href="#info-panel-{{ schedule.referenceId }}" 
      > 
      Click me 
</a> 

問題がdata-parentであると{{ day.date }}のその値をブラウザのコード、角度は、次のことをスロー：変数はdata-*属性に注入されたときに

Can't bind to 'parent' since it isn't a known property of 'a'. ("  <a data-activator="classroom-panel-activator" 

     data-toggle="collapse" 

     [ERROR ->]data-parent="#accordion-{{ day.date }}" 

     href="#info-panel-{{ schedule.referenceId }}" 

問題は本当にoccurrs。私がそれから{{ day.date }}を取り除くと、それは動作します。また、私が{{ day.date }}を離れると、 data-parentからdata-nothingに名前を変更してもエラーは発生します（したがって、キーワードとの競合はありません。parent）。

もちろん{{ day.date }}オブジェクトが存在し、動作します。私が記述したシナリオではうまくいきません。

だから問題は何ですか？

Answer 1

あなたはbinding属性を使用したい

<a data-activator="classroom-panel-activator" 
      data-toggle="collapse" 
      [attr.data-parent]="'#accordion-' + day.date" 
      href="#info-panel-{{ schedule.referenceId }}" 
      > 
      Click me 
</a>