問題タブ [angularjs-ng-if]
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.
angularjs - テンプレート/ビューでこのロジックをリファクタリングして、1 行の if ステートメントを使用する方法 (AngularJS 1.x)
AngularJS アプリケーション内のいくつかの小さな問題を修正しています。1 つのリンクのみを表示する以下のロジックを見つけました。
疑似コードスタイルで..
テンプレートのコード自体は次のようになります。以下のコードを修正してよりクリーンにし、単一行の 3 番目のステートメントを使用して行を複製しないようにするにはどうすればよいですか?
javascript - angularjsでng-if trueステートメントを数えますか?
ng-ifs を使用してさまざまなデータを表示するページがあります。同じページにいくつのデータが当てはまるかを示す必要があります。数だけ。HTML は複雑ですが、仕組みを理解するために単純なバージョンを作成しました。HTML は次のようになります。データはページ上でも操作されているため、レンダリング後に ng-if 値が変更される可能性があるため、ページのカウントもそれに合わせて変更されるはずです。
plnkrも作りました。 http://plnkr.co/edit/5wdiSLhbHpOPJGjRn47L?p=preview
ありがとうございました。
javascript - 同じ条件での複数の ng-if - パフォーマンス面で
いくつかの条件 (同じ条件) に従って、Angular の ng-if を使用して表示/非表示になる、別の要素を持つ html ページがあります。
コントローラーで、boolean
変数を作成します。
私の見解では、ng-if
ディレクティブを使用してこの変数をリッスンします。
パフォーマンスが向上するのは次のとおりです。
- この条件で複数のよりクリーンなコードを記述します。
ng-if
- コードの重複を(ビューで)記述しますが、singleを使用します
ng-if
:
保守しやすいので、例 No.1 のようにコードを書くことを好みます。$watch
しかし、この方法では、それぞれに対して新しい が作成されるのではないかと心配しましたng-if
。
あれは正しいですか?Angular$watch
は each に対して new を作成しますng-if
が、これは同じ静的条件 (一部の関数の戻り値ではなく、単純な変数) です。
この質問はng-if
指令に関して尋ねましたがng-show
、ng-hide
angular - すべてのプロジェクトで ngIf ディレクティブをグローバルに表示するにはどうすればよいですか?
私はコードをもっている<div class="flex-container" *ngIf="mail"> Some data </div>
そして、私はエラーがありますCan't bind to 'ngIf' since it isn't a known property of 'div'.
どうすれば修正できますか?
javascript - 文字列に含まれている場合、Ng-if は機能しません。どうすれば動作させることができますか?
authenticated
ポップオーバーでボタンを表示または非表示にするために使用する変数を宣言しました。ユーザーがすでに認証されている場合にのみ、ボタンが表示されます。
h5ng-if
部分の変数で試してみましたが、ここで動作します。ページを検査すると使用されませんが、ソースコードに表示されるため、データコンテンツの文字列内の書式設定だけだと思います。ng-if
angularjs - 各行に3つずつ、2行に6つのラジオボタンが必要です
私は6つのラジオボタンを持っています。ある行に 3 つ、別の行に他の 3 つが必要です。JSONからラジオボタンデータを取得するためにng-repeatを使用しています。偶数と奇数に配置するために ng-if を配置しようとしましたが、機能せず、まだ取得されていない 2 つの異なる div タグも使用しました。誰でもこれで私を助けることができます