問題タブ [angularjs-model]

同じコントローラーを使用する 2 つのモーダルがあります。1つは次のとおりです。

もう1つは次のとおりです。

私のコントローラーには、次のものがあります。

したがって、私の最初のビューでは、ドロップダウンに更新された「プレイリスト」が含まれていると思われますが、そうではありません。では、そのビューを更新するにはどうすればよいでしょうか。

newParty.party_type.codeモデルをドロップダウンにバインドしました。コントローラーから値を変更すると、値を持つオプションがすでに選択要素に含まれている? number:2138 ?場合でも、値を持つ別のオプションが追加されます。2138

newParty.party_type.codeまた、コントローラーで文字列に変換してみました。しかし、それはまだ価値のある新しいオプションを追加します? string:2138 ?

オプションを手動で選択すると、モデルは正しい値を取得します。しかし、コントローラーを介して、それは機能していません。なぜこうなった？angularデータバインディングはどのように機能しますか? モデルのプロパティを扱うとき、型を意識する必要がありますか?

EDIT1: select タグのオプションは、ページの読み込み後に動的に読み込まれます。(ng app init の後) いくつかの静的データを入れてみましたが、正常に動作しています。これは、angular コントローラの外部で動的にロードされたデータを処理できない angular と関係があります。

私のコントローラーには、変数があります：

私のページには、変数にマッピングされた入力フィールドがあります。

「checknumberrange」クラスは、入力値を解析して入力フィールドとモデルに数値を設定するディレクティブです。このディレクティブの作業中に、変数 $scope.myVar の要素の一部が変数から削除されます。

ディレクティブの場合、戻り値が提供されていないときに値が削除されていることがわかりましたが、変数からペアリングを完全に削除するのではなく、そのキーの値を null に設定すると考えるでしょう。これは私のプロジェクトの他の部分で発生しました。入力フィールドに書き込むと値が戻ってきますが (再度削除される可能性があるため)、なぜこれが起こっているのかわかりません。angular 1.2.0 rc3 を使用して、次の html:

値を変更することはできません。値を変更するとすぐに変数からペアリングが削除され、入力フィールドにフォーカスを置いてから別の場所にフォーカスを置くと、最初はフィールドが「0」から「0.00」に更新され、2 回目は次のようになります。ペアリングが削除されます。

仕事でこれが起こらないように、ペアリングが削除されている理由を本当に理解したい.

strip.com の支払い処理を AngularJS Web アプリに統合するために、angular-paymentsを追加しようとしています。

https://github.com/laurihy/angular-payments/blob/master/lib/angular-payments.jsのコードをangular-payments.js ファイルに複製し、https ://github.com/ のコードを複製しましたlaurihy/angular-payments/blob/master/example/index.htmlを localhost:8888/stripe.html にコピーして動作させました。

ただし、このコードを AngularJS Web アプリに統合しようとすると、ng-model が機能しません。

これがコードを統合する方法です。次のコードを持つ app.js を使用した単一ページ Web アプリがあります。

そこで、「angularPayments」を次のように追加しました。

次のコードを含む app.route.js ファイルもあります。

app.route.js に以下を追加しました。

localhost:8888/stripe.html のコードを app/buy.html に複製し、localhost:8888/#/user/buy にマップします。

例外は、次の行を buy.html から取り出して index.html に入れたことです。

私のindex.htmlには次のコードがあります：

strip.html と buy.html の両方に次のコードがあります。

ただし、ng-model から値が返されないため、次のコードは strip.html では機能しますが、buy.html では機能しません。

したがって、このフォームを送信すると、Stripe に何も渡されないため、Stripe は status = 402 のエラーを返します。

ng-model を data-ng-model に変更しようとしましたが、役に立ちませんでした。次のコードを別のファイルに入れてみました: scripts/controllers/payment.js:

app.route.js に以下を追加します。

そして、buy.html で次のように変更します。

に：

しかし、それでも役に立たない。

ng-model 変数を buy.html で動作させる方法を誰か教えてもらえますか? 前もって感謝します。

ng-repeatHTML とこのコードによって生成される動作の違いは何ですか:

そして、これはコードを入力しました：

最初のコードを 2 番目に入力したコードと同じ動作にしようとしていng-repeatますが、何らかの理由で、最初のコードのスライダーが動かなくなり、スムーズにスライドしません。ただし、2 番目のコードのスライダーはスムーズにスライドします。私が説明していない違いは何ですか？任意の提案をいただければ幸いです。

itemsは：

CommentsService を介して API にコメントを投稿するためのフォームを作成するコントローラーを使用したディレクティブがあります。

私のディレクティブはこれに少し似ています：

これはディレクティブ用の私の comments.html です

これが私のメインビューに配置する方法です：

コメントが読み込まれ、イベント ID が渡されますが、コメントを投稿しようとするcomment_textと空白になります。

スコープが混同されていると思いますが、ディレクティブについてはまだ完全に明確ではありません

** アップデート **

私が設定した場合、私はちょうど気づいた

ディレクティブでは、テンプレートがテキストエリア内でレンダリングされるときに表示ifされ、postComments() 関数のステートメントが起動します。しかし、テキストエリアのテキストを変更して投稿ボタンをタップすると、内容は$scope.comment_text「初期テキスト」のままで、一方向バインディングのようです。

一連の質問に基づいてフォームを作成する必要がある角度プロジェクトに取り組んでいます。ng-model配列内の質問ごとに作成したいと思います。

だから私は次のようなものを思いつきましたが、うまくいきません。

誰かがこれを手伝ってくれませんか？
事前に感謝します。

編集 1:バグを修正しましたが、まだ機能していません。

になるはずだった：

EDIT 2 :問題は、分離スコープが原因のようです。スコープがアイソレートの場合、注入されたngModelの$render()メソッドが呼び出されません。スコープを非分離にして設定するとng-model="selectedDate"、$render()期待どおりに呼び出されます。

EDIT 3：実際には問題は$parent.selectedDate. に変更するとselectedDate、コードは正常に機能しているようです。ただし、ディレクティブのスコープで定義されていないことを確認したいのですselectedDateが、親のスコープから継承されています。というわけで使いたいのですが$parent.、期待通りに動きません。

ブラウザーが HTML5 日付入力をサポートしている場合はそれを使用し、それ以外の場合は jQuery UI の日付ピッカーを使用するカスタム日付ピッカーを作成しています。これはまだ進行中の作業であり、現在はネイティブの HTML 5 日付入力を使用する部分のみが実装されています。

ディレクティブは次のように使用できます。

ただし、$scope.selectedDate初期値がある場合、ディレクティブによってレンダリングされません。また、selectedDate` への外部変更 (たとえば、ボタンをクリックすることによる) は、ディレクティブによって監視されていません。

私のコードで何が間違っている可能性がありますか?

コードのライブ バージョンは次のとおりです: milDatePicker。

ディレクティブのコードは次のとおりです。

私は通常、バックエンド開発に取り組んでおり、モデルはデータベース クエリ操作または内部の初期化済みデータ フィールドのメモリ内表現として定義されます。コントローラーまたはサービス メソッドによって処理され、ユーザーのビューに渡されます。

jQuery にも精通していますが、コールバック地獄とイベント バインディングの管理に苦労しています。これにより、いくつかの主要なコードの肥大化やその他の問題が発生しました。

プロジェクトで Backbone を使用して jQuery の問題を解決しようとしています。しかし、フロント エンドの Web 開発のコンテキストでは、モデルとは正確には何でしょうか?