問題タブ [clarity]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
angular - Clarity Design ツリー ビューの再帰的な問題
Clarity Design Angular プロジェクトの使用を開始しましたが、0.10.0-alpha で提供されていたツリー ビューの再帰テンプレートで問題が発生しました。
https://plnkr.co/edit/KK8rVH1xUGCO7VetgomA?p=preview
再帰チェックが、配列を含まない (オブジェクトのみ - A1 > B3 > E3 > F1 を参照) 一致にヒットすると、そのアイテムのレンダリングに失敗し、キャレットをクリックすると折りたたみ可能なセクションが子アイテムを複製するバグが発生します。 .
インスタンスが 1 つしかない場合、JSON を送信する API が配列に子を配置しない場合、これを修正する方法がわかりません。再帰は、子が 1 つだけ存在する (配列内にない) インスタンスを考慮する必要があります。
angular - Angular Clarity: clrPosition を右下に設定すると予想される動作は何ですか
[clrPosition]=bottom-right使用がスタイルにつながった場合のアイデア
対応するClarity-AngularコードのHTMLで以下に示すように?
明瞭度-角度
HTML:
私は次のスタイルを期待していました：
これは、ドロップダウンを左側 (自動) で有機的に成長させ、ブロックを含む右側 (0px) に向かって固定するためです。（ところで、試してみ[clrPosition]=bottom-leftましたが、とに変化はleftありませんでしたright。）
実際、よく見ると、一部の Clarity CSS は実際にはclr-dropdown-menu手動で設定left=autoして同じことを実行しようとしていright=0ますが、下の図に示すようにオーバーライドされているため、最終的にこの問題のために水平スクロール バーが表示されます。アプリ全体。それが私がここで修正している主な問題です。
これがバグなのか、予想される動作なのかを確認できますか? 左と右を期待値に設定するより良い方法はありますか?
スタイルを設定するために 'style' 属性を使用していたため、Clarity CSS によって取得されたより高い特異性のため、左右をオーバーライドして値を修正することさえできません。Clarity の CSS コードを変更する必要がない他のクリーンな方法はありますか?