問題タブ [angularjs-ng-show]
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.
javascript - アプリケーション全体をぶら下げているng-show
popover.html 内に ng-show を配置しようとすると、アプリがハングするという奇妙な問題が発生しています。コメントすると、アプリは正常に動作します。コード内で何がうまくいかないのか、本当にわかりません。
ここに私のpopover.htmlがあります:-
ここにコントローラーの私の関数があります:-
この行にコメントすると
、私のアプリは正常に動作します。
どんな助けでも大歓迎です
ありがとう。
angularjs - インデックスに基づいて、ng-repeat と ng-show および ng-hide と ng-click で画像を隠して表示する
私は2つの列を持っています。最初の列は選択されていない画像で、その横にある選択画像と呼ばれるボタンと2番目の列は選択された画像と削除画像と呼ばれるボタンです。左側の列にある画像の [画像の選択] ボタンをクリックすると、右側の列に移動し、左側の列に表示されなくなります。
削除画像の場合はその逆です。右側の画像の削除をクリックすると、右側に表示されなくなり、左側に表示されます。複数の画像を選択して削除できるはずです。私はAngular jsを使用しました。誰か
ここでプランカーを助けてくれませんかhttps://plnkr.co/edit/rtJP91MtYISyVZkdFWr8?p=preview
javascript - Angular - ネストされた ng-repeat 内の複数のオブジェクトで単一の関数を使用して、そのオブジェクトだけの ng-show をトリガーできますか?
概要
ブランドのリストと製品のリストがあります。私は ng-repeat を使用してブランドのリストを表示し、フィルター付きの ng-repeat を使用してそれぞれのブランド内の製品のリストを表示しています。各ブランドと各製品には、そのブランド/製品の詳細を表示するボタンが必要です。これらのボタンはすべて、コントローラーで同じ機能を使用する必要があります。
問題
ブランドの詳細を表示するボタンは、そのブランドの各製品の詳細も表示します (これは私にとって奇妙な部分です) 最初にそのブランド内の製品のボタンをクリックしない限り、正しく機能します。
コード
こちらのプランカーをご覧ください。ブランドの「タイプを表示」をクリックすると、そのブランド内の製品のすべてのタイプも表示されることに注意してください: http://plnkr.co/edit/gFnq3O3f0YYmBAB6dcwe?p=preview
HTML
ジャバスクリプト
重要な注意: オブジェクト (brand.show) に属性を追加してオブジェクトを関数に渡し、その属性を true/false に変更できることはわかっていますが、実際のアプリケーションでは、ボタンには、ブランド/製品を編集して情報を Firebase に送信するフォームが表示されますが、オブジェクトに「表示」属性を持たせたくありません。Firebase で情報を編集するたびに「show」属性を削除する必要はありません。
angularjs - ng-show での $index のアクセシビリティ
前の選択がチェックされたときに選択を表示してみます。
<div ng-repeat="item in collection">
コレクションをループして、コレクションにアイテムがあるという多くの選択を作成します。
<div ng-show="$index === 0 || $parent.list[$index].nom">
2 つの条件で選択の親 div を表示/非表示にしたい:
- インデックスが 0 の場合は div を表示します (表示用に最初に選択)
- 現在のngModelにnomが含まれている場合、divを表示します
<select ng-model="$parent.list[$index].nom" ng-options="...">
各選択が次のような独自のモデルを持つ動的な ngModel を配置します。
(出典: noelshack.com )
テスト例 : 選択項目に 3 つのオプションがあるので、選択項目の各オプションを選択する機会をメンバーに与えたいと思います。
メンバーが選択 1 のオプションを選択すると、2 番目の選択ショーがオンになり、2 番目のオプションを選択した場合、3 番目の選択ショーがオンになりますが、それ以上は選択されません...
ここでの問題: ディレクティブ ngShow の $index は、この条件で既知のようです:
しかし、ここにはありません:
javascript - Angular ng-show を使用して div を表示する
と に問題がng-show
あり$pristine
ます。
これがコードです(これも CodePen にあります):
フォームのすべてのフィールドが入力されたら、複製を含む div を表示したいのですが、一部がまだ空である間は非表示にしたいです。
使ってみた
そのため、すべてのフィールドが入力されると、ブロック引用が表示されますが、機能しませんでした。
angularjs - md-not-found は、md-autocomplete で 3 文字の後にのみ表示する必要があります
提案がない場合、メッセージを表示するために md-not-found を使用しているという点で、Angular Material md-autocomplete を使用しています。
私の要件:searchTextの長さが3文字未満の場合、md-not-foundを非表示にする方法。
次のコードを試しましたが、修正できません。親切に私を助けてください。