問題タブ [computed-observable]
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 - observableArray のフィルタリング
ノックアウト js でオブザーバブル配列をフィルタリングする際に問題があります
私のjs:
データを含む配列
ビューモデル:
観測可能な配列にデータを入力する
監視可能な配列に追加パラメーターを作成する
監視可能な配列の追加の値を変更し、変更をコンソールに記録する関数
手動の変更はターゲット アレイに影響します
フィルタリング関数は空の配列を返します:
私のhtmlコード:
javascript - 計算されたオブザーバブルを持つ foreach の場合のアニメーション化されたトランジション beforeRemove/afterAdd
ノックアウトでfadeIn()fadeOut()などのjqueryアニメーションを使用しようとすると、いくつかの課題に直面しています。
アニメーションなしの実際の例: http://jsfiddle.net/LkqTU/23801/
計算されたオブザーバブルを使用して、元の慈善団体の配列をフィルター処理します。計算されたものはforeachでデータバインドされており、コンテナ全体(クラス.tabを使用)を変更前にフェードアウトさせ、変更後にフェードインさせたいと考えています。
組み込みの beforeRemove および afterAdd プロパティを使用してみましたが、配列が計算されるときに機能しないようです。以下のライブの例に見られるように、コンテナはいくつかの慈善団体のいくつかのインスタンスによって満たされますが、基礎となる計算された配列には正しいものしか含まれていません。
(失敗した) アニメーションを含む実際の例: http://jsfiddle.net/fy7au6x6/1/
アニメーションで計算されたものへの変更のタイミングを制御する方法について何か提案はありますか?
これらは、「すべての慈善団体」と「カテゴリ別にフィルタリングされた慈善団体」の 2 つの配列です。
knockout.js - 計算されたオブザーバブルが更新されない
次のような計算されたオブザーバブルがあります。
this.structure() は StructureVM クラスのインスタンスです (私は TypeScript を使用しています)。StructureVM クラス内の containsValueSet 関数は次のようになります。
ValueSetVM (this.valueSets()) のリストで _.find を使用しています。valueSets 配列に何かが追加されても、計算された値は更新されません。何故ですか?依存関係チェーンに何か問題があると思いますか?
アンダースコアの使用によるものですか?
敬具、
DenEwout。
knockout.js - テキスト入力で計算されたオブザーバブルを表示する
input
サンプル コードのテキストが、" " で書式設定された値ではなく、単に入力された数値を示しているのはなぜ$
ですか?