問題タブ [angular-material]

angular-material を使用してアプリのログイン フォームを作成しており、ページの例とは少し異なる方法で使用しようとしています。ユーザーがフィールドに入力せずに送信しようとした場合にのみ、必須フィールドが私に怒鳴るようにしたいだけです。多分ボタンも無効にしますか？いずれにせよ、ユーザーが 1 つのフィールドだけに入力して Enter キーを押すと、「これは必須です」と表示されます。今のところ、記入するまで常に表示されます

これが私が持っているものです: https://jsfiddle.net/5b1tsm2a/6/

サンプルページのコードを次のように試しています-

そのため、必要なロジックとその下の ng-messages を使用しています。何も記入せずに送信しようとした場合にのみ表示したいと思います。ありがとう！

私は Angular + material-uiを使用しています。基本的には、さまざまな手順でオンボーディング プロセスを実行したいので、それぞれ異なる .tabs ディレクティブを使用していますui-view。

HTML:

これは私のルート設定です:

関数 goTo(ステータス):

問題は主に、URLで「ホーム」を開くとlocalhost:9000/#/12345正常に機能し、スタートビューが表示され、個人用ビューに切り替えることができることです

しかし、何も起こっていない状態で直接 URL を開くlocalhost:9000/#/12345/personalと、ビューが読み込まれず、コントローラーも読み込まれません。それらがロードされたときに確認する必要がありますconsole.log('start controller')。console.log('personal controller')

また、ブラウザの履歴が機能していません。たとえば、スタートページにlocahost:9000/#/12345移動してボタンをクリックすると、 localhost:9000/#/12345/personalすべて問題ありませんが、ブラウザの履歴に戻ると、URL はlocalhost:9000/#/1245(正しい) ですが、ビューは完全に空です。コントローラーはまったくロードされていません。

タイトルはほとんどすべてを物語っています: 角度のあるui-gridは、角度のあるマテリアル デザインで、マテリアル デザインの原則に従う方法で使用できますか?

アイコンがクリックされたときにダイアログを生成しようとしています。をクリックすると、次のエラーが表示されますmd-icon。ダイアログが開きますが、コンソールに次のエラーが表示されます。

以下は私のHTMLスニペットです。

HTMLページのコントローラは以下です。

ダイアログ HTML

ありがとう

sidenav パネルのリンクを表す一連の div にマテリアル デザインを適用しました。

私の問題は、リップル クリック効果が広範に適用されすぎて、div のコンテンツだけでなく、その親のmd-item-content, 要素にも影響を与えることです。

md-ink-ripple以下に示すように、属性は HTML の属性として 1 回適用されます。

md-item祖父母に上向き、子要素に下向きの両方で、波紋属性の場所をいじってみましたが、<label>どこに配置しても、同じmd-item-content要素を波及し続けているようです。

md-item-content編集 - ターゲットタグをではなく に切り替えることで、この問題を解決したと思いますdiv。これを後世に残し、利害関係者が 2 セントを寄付できるようにします。

マテリアル デザイン チェックボックスのグループがあり、それらの値をコントローラーの配列にバインドしたいと考えています。

これを達成するために、この SO answerで説明されている最初の方法を使用しました。値がリストに適切に追加および削除されている間、ボックスをクリックしても「チェック済み」として表示されなくなります。私のコードは以下にあり、この codepenで問題を再現しました。

チェックボックスの HTML

コントローラからの JavaScript