問題タブ [aurelia]

API を使用する Aurelia Web プロジェクトを作成しています。API は、Azure モバイル サービスとして格納されます。X-ZUMO Auth ヘッダーをリクエストに追加する必要があることはわかっています。しかし、http クライアントをインスタンス化すると、ブラウザーの開発ツールに従って、そのヘッダーが要求ヘッダーに到達しません。アプリケーションでこれを実行すると、X-ZUMO ヘッダーではないためと思われるログイン画面が表示されます。存在するため、アプリには実行権限がありません。Web アプリケーションのローカル インスタンスをセットアップする gulp を使用してこれを実行しています。外部IPアドレスも試しました。

これが私のクラスです：

jquery プラグインを使用してスライドショーを作成する customElement を作成しようとしています。このプラグインには、jspm パッケージ ofc はありません。私は jspm にあまり詳しくないので、作成したくなかったのです。

そのため、js ファイルとその依存関係をシステムローダーに追加すると、それも読み込まれます。

ここで、カスタム要素でプラグインを呼び出す bind-method を持つ customElement を作成したいと思いました。（そこにある私のコードを参照してください）。問題は、コンストラクターまたは bind メソッドがまったく呼び出されないことです。何もレンダリングされません。

*.js:

*.html:

使用法：

Aurelia に UserRouter という名前のコンポーネントがあるとします。これは子ルーターであり、UserProfile、UserImages、および UserFriends へのルーティングを処理します。

UserRouter が API から (canActivate で) ユーザーをロードし、このユーザー データをサブ コンポーネントに渡します。

データの読み込みは問題ありませんが、サブコンポーネントに渡してすべてが読み取れるようにするにはどうすればよいですか? たとえば、 に属性を配置します<router-view>。

サブコンポーネントの bind() メソッドで bindingContext 引数を試しましたが、うまくいきませんでした。

ありがとう

Aurelia アプリでカスタム要素を使用しています。ビューモデルのデータをカスタム要素にバインドすると、正常に機能します。カスタム要素コントロールのデータに変更を加えても、双方向のデータ バインディングのおかげで、ビュー モデルのデータにも変更が反映されます。

ただし、(javascript を使用して) ビュー モデルからのデータに変更を加えると、データはカスタム要素で更新されません。より単純な設定でこの問題を再現しました。

単純なビュー モデル

シンプルビュー

Verify Changeテキストボックスの値を変更した後にクリックするたびに、変更された値がアラートに表示されます。しかし、Update Prop1ボタンをクリックするとprop1値が更新されますが、変更がビューに反映されません。何が欠けているのか正確にはわかりません。

注:を使用する代わりに、 を使用する$parent.testObj['prop1']と$parent.testObj.prop1、データバインディングが正常に機能します。$parent.testObj['prop1']ただし、私の実際のカスタム要素は一般的な種類のものであり、プロパティ名は事前にわかっていないため、ドット表記の代わりに表記を使用し続ける必要があるようです: $parent.testObj.prop1.

ポインター/提案​​/フィードバックをお待ちしております。

更新: aurelia データ バインディングに関するドット表記とインデクサー表記の違いを誰かが指摘できれば(私は既にこれを確認しました)、それは非常に役立ちます。

私は aurelia-validate を使用しており、変数を使用すると検証は正常に機能しますが、変数ではなくオブジェクトのプロパティを検証する必要があります。

機能するものは次のとおりです。

これが私がやろうとしていることです（しかしうまくいきません）...また、クラスにプロパティを保持する方が良いのか、プロパティthis.itemを含むプロパティを呼び出す方が良いのかわかりません（これは典型的な角度の方法です):

(編集ページの)既存のオブジェクトに対してバリデーターを使用する方法について、誰かがここでいくつかのガイダンスを教えてもらえますか?

非表示にするだけで、却下されたときにdomから自分自身を削除しないように、却下可能なアラートに指示できますか?

問題は、私が今のところ jQuery を使用していないことです。のフラグまたは存在に基づいて表示/非表示にする aurelia が必要messageです。

一度は機能しますが、閉じるとすぐにDOMから削除されるため、その後新しいメッセージは表示されません。

import キーワードを使用してグローバル変数を定義するスクリプトを aurelia にインポートすることについて質問があります。モジュールを簡単にインポートできますが、グローバル変数 Enumerable を定義する linq.js のようなスクリプトはどうでしょうか? そのスクリプトを実行してその名前空間を定義することは可能ですか?

このブログ投稿の手順を実行しようとしましたが、非静的メソッドのみを定義しています。したがって、たとえばEnumerable.fromメソッドを使用することはできません。

現在、ツリー コントロールを作成しようとしていますが、次のカスタム属性 (ドラッグ可能およびドロップ可能) があります。 ドラッグ可能は次のとおりです。

など。droppable 属性から、ビュー モデルがドロップを取得してツリー配列にデータを追加する pub/sub メカニズムについて考えていました。

これは aurelia でこれを行うための最良の方法ですか、それとも他の手法に従うことができますか? angularjsでは、この方法またはツリーのルートスコープを介して行うと思います。

私のオプションは何ですか？