[解決済み] Angularでツリービューを作ることは可能か?
2022-04-21 04:53:48
質問
Webアプリでデータをツリー構造で表示させたいと考えています。このタスクにAngularを使いたいと思っていました。
ng-repeatはノードのリストを反復することができるように見えますが、与えられたノードの深さが増加したときにどのようにネストを行うことができますか?
を試してみました。 次のコード が、HTMLの自動エスケープが邪魔してうまくいきません。さらに、最後のulタグが間違った場所にあります。
この問題は、完全に間違った方法で進めていることは間違いありません。
何かアイデアはありますか?
解決方法は?
このフィドルを見てください
オリジナル http://jsfiddle.net/brendanowen/uXbn6/8/
更新しました。 http://jsfiddle.net/animaxf/uXbn6/4779/
を表示する方法がよくわかると思います。
tree like structure
を使用しています。htmlの再帰を利用しているようなものです。
関連
-
[解決済み】Angular ui-routerで$stateメソッドを$stateChangeStart toStateとfromStateで使用する。
-
[解決済み] AngularJs ReferenceError: $http is not defined
-
[解決済み] AngularJSのグローバル変数
-
[解決済み] AngularJsでng-Cloakディレクティブを実際に使用する方法とは?
-
[解決済み] Angularのui-routerでデフォルトの状態を設定する方法
-
[解決済み] Angular JSによるシンプルなポップアップ
-
[解決済み] angular-routeとangular-ui-routerの違いは何ですか?
-
[解決済み] AngularJSのコントローラからビューにHTMLを挿入する
-
[解決済み] 入力フィールドにフォーカスを当てるには?
-
[解決済み] 条件に応じて特定のルートにリダイレクトする機能
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】npm UNMET PEER DEPENDENCYの警告を修正するにはどうすればいいですか?
-
[解決済み] X-Frame-Options'を'SAMEORIGIN'に設定しているため、フレーム内での表示を拒否された。
-
[解決済み] Angular JS $locationChangeStart 次の url ルートオブジェクトを取得する
-
[解決済み] md-selectでデフォルト値を設定する方法
-
[解決済み] angularjsで$compileを操作する
-
AngularJSのベストプラクティス。ng-repeatの$indexに注意する。
-
[解決済み] Angular.js: $evalの仕組みとバニラevalとの違いは何ですか?
-
[解決済み] Ui-srefがクリッカブルリンクを生成しない/動作しない
-
[解決済み] angular.serviceとangular.factoryの比較
-
[解決済み] Angularディレクティブの再帰性