問題タブ [vmware-clarity]

Clarity Design System を公式チュートリアルから angular 2 5min quickstartに追加した後、このエラーが発生しました。ブラウザーのコンソールのエラーはあまり役に立ちません。アドバイスをお願いします。

app.module.ts

index.html

systemjs.config.js

VMware の Clarity コンポーネントを使用している angular 2 プロジェクトの POC を行っています。テスト ランナーを実行すると、次のエラーが発生します。

angular 2は初めてで、Googleで何も見つかりません。

Clarity Design Angular プロジェクトの使用を開始しましたが、0.10.0-alpha で提供されていたツリー ビューの再帰テンプレートで問題が発生しました。

https://plnkr.co/edit/KK8rVH1xUGCO7VetgomA?p=preview

再帰チェックが、配列を含まない (オブジェクトのみ - A1 > B3 > E3 > F1 を参照) 一致にヒットすると、そのアイテムのレンダリングに失敗し、キャレットをクリックすると折りたたみ可能なセクションが子アイテムを複製するバグが発生します。 .

インスタンスが 1 つしかない場合、JSON を送信する API が配列に子を配置しない場合、これを修正する方法がわかりません。再帰は、子が 1 つだけ存在する (配列内にない) インスタンスを考慮する必要があります。

VMware の Clarity-Seed リポジトリを使用しており、追加の関連情報を求める入力フォームを作成しようとしています。たとえば、フォームには認証タイプを選択するプルダウン リストがあります。タイプによっては、より多くの情報が必要になる場合があり、その情報はタイプに固有のものです。「なし」の認証にはこれ以上の情報は必要ありません。「基本」ではユーザーとパスワードの組み合わせが必要ですが、「OAuth」では API トークンが必要です。

ng-switch を使用してみましたが、うまくいきませんでした - テキストは選択にもかかわらず両方のオプションに表示されています (私は今のところテキストを使用しているだけで、後でサブフォームの詳細を追加します)。

フォーム フィールドの使い方が間違っていると思いますが、その理由と方法がわかりません。

コンポーネントの ts コードからドロップダウンの表示/非表示をプログラムで制御することは可能ですか (明確に Angular2 を使用)- https://vmware.github.io/clarity/documentation/dropdowns

基本的に、ドロップダウンをトースト通知として使用しようとしています。つまり、ドロップダウンのコンテンツを表示する2つのトリガー 1.クリック時 2.コードで発生したイベント(ajax呼び出しのエラーなど)

[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 コードを変更する必要がない他のクリーンな方法はありますか?

Clariy を使用して Angular 4 アプリケーションの開発を開始しました。Clarity シード プロジェクトのクローンを作成するプロジェクトを開始し、そのベースでコンポーネントの構築を開始しました。

Clarity を最新バージョンに更新するにはどうすればよいですか? 製品を開発している間、Clarity をできる限り最新の状態に保ちたいと思います。

ありがとう！

0.10.9 を超える明快さで内部 API を使用するにはどうすればよいですか? バージョン 0.10.6 では、プロジェクトでこのインポートを使用して、データグリッドの内部フィルターを変更します。

少なくともバージョン 0.10.9 では、これはもう書き込めません。コンパイラは次のエラーで終了します。

最近報告したバグ 1512 の解決により、0.10.10 にアップグレードしたいと考えています。

編集:カスタム フィルターの組み込みサポートの代わりに内部 API を使用する理由を尋ねられたので、ここに私の答えがあります: 私の状況では、データグリッドの上の別の入力フィールドで表されるフルテキスト フィルターを使用したいからです。このフィールドに入力すると、データグリッドの更新がトリガーされ、リクエストがバックエンドに送信されます。トリックは、リクエストをトリガーする直前に、別の入力フィールドからデータグリッドフィルターの内部値にフルテキストフィルター値を追加することです。上記のバージョンで変更された内部 API の助けを借りてすべて。この機能を実現する別の方法があれば、喜んでこちらにお送りします。

編集2：（ソースコード）

}

モーダルを閉じるときに、(フォーム コントロールを使用してモーダルのコンテンツを false またはリセットするために) 関数を呼び出す必要がありますが、クリック後にイベントのハンドラーが見つかりませんでした。

ありがとう。

Clarity Design System を使用して角度のあるアプリを構築していますが、やや複雑なウィザードを作成したいと考えています。

私の使用例では、ユーザーは 2 つのページでウィザードを開始します。最初のページで、彼女は質問されます。答えに応じて、2 つの新しいウィザード ページのいずれかが 2 つのページの間に挿入されます。すなわち:

1 質問ページ (はいまたはいいえ)
2 終了

となります

1 質問ページ
2 はいの新しいページ
3 終了

また

1 質問ページ
2 ノー
3 フィニッシュの新しいページ

ユーザーの回答に基づいています。

私が作成しようとしているものと、ステップのスキップとスキップの解除の例の違いは、ユーザーが余分なボタンをクリックする必要がないように、最初のページに 2 つのカスタム ボタン [はい] と [いいえ] を配置したいということです。ボタン (ページ 1 の「次へ」ボタン)。

ただし、<clr-wizard-page *ngIf="!skipStepTwo">動的ページを非表示/表示するために、例で使用されたアプローチを使用しています。問題は、動的ページ 2 に移動するために処理しようとするすべてのイベントが、この新しいページが pagesCollection に追加される前に発生するように見えることです。最終的に新しいページが表示されますが、ウィザードは最後のページ (Page 3 Finish) に移動しました。

それを回避する方法はありますか？新しいページを作成して、ユーザーが 1 回クリックするだけでそこに移動できますか?