問題タブ [ractivejs]

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.

0 投票する
1 に答える
373 参照

data-binding - RactiveJs を使用した入力の双方向バインディング

私はRactiveJsを使い始めたばかりで、最初に値でレンダリングされる入力タグを観察する際にいくつかの問題があります。

以下の入力フィールドを観察しています。

以下を使用して

チャレンジは初回「date_modified」が変更された「oldValue」が未定義です。「date_modified」が 2 回目に変更されると、「oldValue」は古い値を正しく返します。

「date_modified」は最初に値 (2014 年 11 月 22 日など) でレンダリングされます。

何かご意見は?

ありがとう

0 投票する
2 に答える
638 参照

javascript - RactiveJS のデコレータでオブジェクトにアクセスするにはどうすればよいですか

RactiveJS で Pikaday の日付ピッカーをデコレータとして使用しており、デコレータの外で datepicker の api にアクセスしたいのですが、return オブジェクトに追加してもうまくいかないようです。誰かが私を正しい方向に向けることができますか?

http://jsbin.com/lefiyume/1/edit?html,js

0 投票する
1 に答える
214 参照

javascript - RequireJS スコープ外で定義されたスクリプトの使用を制限する

修正できないスコープ (グローバル変数/名前空間) に問題があります。問題は、Require.js を使用して新しい機能を追加したプロジェクトに、いくつかのレガシー コードがあることです。このレガシー コードは標準<script>タグを使用して読み込まれますが、新しいコードは Require. Ractive.js を Require に AMD として追加すると、問題が発生します。レガシー コードは Prototype.js をロードするため、Ractive.js と衝突します。

主な問題は、配列の変更を観察するときです。具体的には、パターンオブザーバーで配列を観察すると。

ractive.observe('dataArray.*', function(newValue, oldValue, keypath) { alert(' status changed from ' + oldValue + ' to ' + newValue); }, {debug: true, init: false});

オブザーバーを配列に追加しないと、すべてが機能しますが、追加すると、undefined is not a functionprototype.js でエラーが発生します (これは、prototype.js をグローバルから削除すると発生しません)。

もう1つのこれは、パターンオブザーバーを使用しない場合に実際に機能することです。

それで、私の質問は、Require.js を構成して、AMD-s としてロードされたスクリプトのみを使用する方法はありますか? または、言い換えると、グローバル スクリプトを無視するように、AMD スクリプトの範囲を互いにのみに制限しますか?

前もって感謝します。

0 投票する
1 に答える
251 参照

javascript - RactiveJS で指定しない限り、コンポーネントが親データを取得しないのはなぜですか

親で呼び出すコンポーネントを作成しましたが、キーパス関数を介してコンポーネントの値を取得しようとすると、値が空になります。コンポーネントのテンプレートでこのキーパスを直接呼び出さない限り、親にまだ存在していても存在しないようです。これを説明するための以下の例。

http://jsbin.com/golen/1/edit?html,js

0 投票する
1 に答える
238 参照

javascript - RactiveJS: テンプレート式で等価性をテストするにはどうすればよいですか?

私は Ractive.JS バインディングを使用しています:

テンプレートはテンプレート式を使用して、項目が現在選択されている項目であるかどうかを検出し、それに応じてクラスを追加します。

アイテムが選択されたら、次を実行します。

設定後、条件が真であるべき場合でも、条件が常に偽であることがわかります。また、以下を追加して確認しました。

アイテムが実際に選択されていることを確認するためのアラート内。

ここに画像の説明を入力

それでも条件は false であり、クラスは設定されていません。

テンプレート式の等価性をテストするにはどうすればよいですか?