[解決済み] angular2でdata-*属性にバインドする方法は?重複
2023-01-29 16:18:25
質問
私はセルの非常に大きなグリッドを持っていると仮定すると、私はdata-rowとdata-colの属性値を追加し、モデルからバインドしたいと思います。どのように私はangular2(Dartのベータ0)からデータ行をバインドすることができます。
data-row="{{boundVal}}"でのバインドはうまくいかないようです。 (出力htmlにdata属性が表示されない)。
例えば
<table>
<tr *ngFor="#row of rows" >
<td *ngFor="#cell of row.cells" data-row="{{row.index}}" data-col="{{cell.index}}" >
</td>
</tr>
</table>
どのように解決するのですか?
これは、あなたが望むものを行う必要があります
[attr.data-row]="row.index" [attr.data-col]="cell.index"
関連
-
[解決済み] ngModel' は 'input' の既知のプロパティではないため、バインドできません。
-
[解決済み] formGroup' は 'form' の既知のプロパティではないため、バインドできません。
-
[解決済み] インデックスを属性値とするngFor
-
[解決済み】'formControl'は'input'の既知のプロパティではないのでバインドできない - Angular2 Material Autocomplete問題
-
[解決済み] Angular 2におけるEventEmitter.next()とEventEmitter.emit()の相違点
-
[解決済み] パイプ ' ' が見つかりません。
-
[解決済み] AngularでEventEmitterに2つのパラメータを渡すには?
-
[解決済み] ルーターナビゲートで同じページのngOnInitを呼び出さない
-
[解決済み] 新しいangularプロジェクトを作成する際に依存関係ツリーエラーを解決できない
-
[解決済み] Karma/Jasmineのテストで「[object ErrorEvent] thrown」エラーが発生した場合、どのようにデバッグすればよいですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】Angularを使用してデータ属性を記述するにはどうすればよいですか?
-
[解決済み] angular-cliのビルドでカスタムファイルをインクルードするには?
-
[解決済み] 別のプロセス(id #######)が現在 ngcc を実行しています。
-
[解決済み] trackBy` と `ngFor` の使い方
-
[解決済み] Angular / Angular Materialでmat-horizontal-stepperのステップをプログラムで移動させることは可能ですか?
-
[解決済み] RxJSのmap演算子でエラーを出す方法 (angular)
-
[解決済み] AngularでFormGroupに動的にaddControlを追加する
-
[解決済み] 角度換算2
-
[解決済み] aria-valuenow' は 'div' の既知のプロパティではないため、バインドできません。
-
[解決済み] angular 4 ユニットテストエラー `TypeError: ctor is not a constructor`.