**これは私のホームページです**データはmysqlからカードに送られていますが、 "タグタグ丸薬タグ危険" 私はNG-クラス= {{hos.class}}/*クラスを使用しています、テーブルにcoloumnある*/ng-repeatでng-repeatを使用して反復divごとにクラスを設定する方法
<div class="col-md-5" ng-repeat="hos in ho"> <div class="col-md-6"> <div class="card"> <img class="img-fluid" ng-src="{{hos.img}}" alt=""> <div class="card-img-overlay"> <span ng-class=" ">{{hos.tag}}</span> </div> <div class="card-block"> <div class="news-title"> <h2 class=" title-small"><a href="#">{{hos.topic}}</a></h2> </div> <p class="card-text"><small class="text-time"><em>{{hos.time}}</em></small></p> </div> </div> </div> </div>
1
A
答えて
1
ng-class="hos.tag"
またはclass="{{hos.tag}}"
0
ng-classを間違って使用しています:そのexpressi各プロパティはクラスであり、値は真であるときに条件付きでそのクラスを適用するために評価される式である。
うまくいけば、このバイオリンは役立ちます:www.jsfiddle.net/p66mv6tn/1/
関連する問題
- 1. ngrepeatを使用したリレーショナルデータベースデータ
- 2. Open LayersでngRepeatを使う方法
- 3. ngRepeatでnagAnimateを遅らせる方法
- 4. AngularJS - ngRepeatを使用したドロップダウンメニュー
- 5. ngRepeatでngAnimateを設定する "data-ng-animate = 2"を要素に設定する
- 6. ngRepeat orderedBy
- 7. $ ngRepeatで最初に
- 8. AngularjsでngRepeatを発行すると、
- 9. 仕上げレンダリングngRepeatを定義してコールバックを実行する方法は?
- 10. Angular JS Multiple ngRepeat
- 11. ngRepeatのスコープngClick inコンパイル方法
- 12. $ scopeへのngrepeatバインディングでngmodelを取得する方法
- 13. 角度NgRepeatでループ変数にアクセスする方法
- 14. AngularJS ngRepeat更新モデル
- 15. テーブル行のngrepeatチェックボックス
- 16. 角度ngrepeatのトグルボタン
- 17. angular 1.5.x ngRepeatメモリリーク
- 18. スクロール要素は、角ngRepeatに
- 19. ngRepeat(AngularJS)でクリックハンドラを繰り返す方法は?
- 20. ngRepeatのequalsは何をしますか?
- 21. ngRepeatを使用する再帰カスタム指示文
- 22. 特定の注文を使用して反復する方法
- 23. スコープ内のngRepeatからngInit値にアクセスする方法
- 24. getElementById()を使ってngrepeat $ indexを取得する
- 25. ngRepeatを使用して、certan idを持つangular1オブジェクトをフィルタリングします。
- 26. ngrepeatの行をグループ化する
- 27. ngRepeat要素を表示しない
- 28. ngRepeatで配列を繰り返して改行します。
- 29. はAngularJS ngRepeatディレクティブでコレクション名を取得
- 30. ngRepeat内の角型バリデーション
NG-クラス= "hos.tagは、" 歓声を働きました! –