問題タブ [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 - Angular JSはラジオチェック時に入力を表示します
私は次のようなJavaScript配列を持っています:
次に、配列を使用して Angular JS によって生成されたラジオ ボタンのリストを取得します。
これは機能します。配列には、インデックスの 1 つにextraField
with 値があります。設定のあるラジオボタンがチェックtrue
されているときに追加の入力フィールドを表示するには、Angular が必要です。extraField
配列は、値を持つ複数のインデックスを持つように変更される場合がありextraField
ます。
したがって、余分なフィールドは次のようになります。
を使用することを知っている以外にng-show
、これを行う正しい方法が何であるかはわかりません。もちろん、上記の例は何もしません。
angularjs - ng-hide/ng-show 内の ng-hide/ng-show が **chrome** で最初のトリガーで正しく機能せず、2 回目は問題なく反映される
提案リストを含む編集入力があるシナリオがあります。ng-change でエントリを実行すると、関連する提案とともにリストが表示され、データが利用できない場合は例外が表示されます。しかし、クロムでは、検索(ng-change)自体がないと、入力のあるリストに「データ例外なし」と表示されるという問題があります
私はこのようなものを持っています:
ここでは、リストは最初の編集時にクロムでそれ自体の前に表示され、2 回目は正常に動作します!
angularjs - AngularJSは、URL /条件に基づいてdivを非表示にします
これは私の URL です。そのリンクcharts/53d25d91959679701e362f25
に追加すると、ページ内の 2 つの特定の div を非表示にする必要があります。?widget=true
charts/53d25d91959679701e362f25?widget=true
charts/53d25d91959679701e362f25
試してみましng-if="location.path()"
たが、機能していません?widget=true
javascript - ng-class でクラスを変更すると、ng-show アニメーションが機能しない
div の場合、次のng-class
ような式があります:ng-class="{error: msg.isError}"
と次のようng-show
な式があります:ng-show="msg.text"
明らかなように、msg.text
が空でない場合はdiv を表示し、msg.error
が true の場合はクラス 'error' を持ちます。
また、上映するときはいつでもフェードインしてほしいです。クラスが変更されていない場合はうまく機能しますがmsg.error
、 true に設定し、同時に の値を設定するとmsg.text
、アニメーションは発生しません。これが私の問題
のJSフィドルです。
これはhtmlです:
これはjsコードです:
javascript - AngularJS ng-複数の要素を持つ1つの条件を表示
「showMe」ブール値を持つ ng-click を持つ 3 つの div があります。彼らの段落には、「showMe」を評価する ng-show があります。
私の質問は、1 つの条件を使用して、クリックした div に段落を表示するにはどうすればよいですか? つまり、最初の div をクリックすると、「1」のみが表示され、「2」と「3」の段落は非表示のままになります。ng-repeat は、この演習のオプションではありません。
JSBin は次のとおりです。
http://jsbin.com/kiwicipabago/1/edit
ありがとうございました。