問題タブ [angularjs-bindings]

私は AngularJS を使用するのが本当に初めてなので、目標を達成するための最良の方法が何であるかがよくわかりません。私がやりたいのは、hmtl に type=number の入力タグのグリッドを設定し、値がインクリメントされるたびに新しいオブジェクトがリストに追加されるように設定することです。同様に、デクリメントされると (0 未満になることはありません)、そのタイプのオブジェクトはリストから削除されます。

このコードでは、入力ボックスをインクリメントするたびに、その変更が {{}} によって下部に表示されます。しかし、私が実際に拘束しているものは明確ではありません。ユーザーが入力ボックスをインクリメントするたびに新しい foo1 オブジェクトを作成する方法がわかりません。

これが私のコードです：

また、これが役立つ場合は、私の foo1 オブジェクトコンストラクターを次に示します。

これを行う方法を知っている人、またはこれを達成する方法についてより良いアイデアを持っている人はいますか? (これが違いを生むわけではありませんが、これは Ionic プロジェクトです。)

ネストされたディレクティブがあります。

最初のデータから 2 番目のデータを送信します。

問題は、メイン スコープへのバインディングが失われることです。

これは私のコードです: プランカー

(ボタンをクリックすると、メインスコープの値が変更されますが、ディレクティブでは変更されません)

どうもありがとう

アビ

過去数バージョンで AngularJS で正規表現パターン検証を使用してきましたが、正常に機能しました。

私のアプリケーションでは、対応する AngularJS 検証ディレクティブがバインドされているスコープ プロパティによって検証パターンが公開される必要があります。v1.3 より前は、次のようになっていました。

AngularJS を v1.4 (v1.3 をバイパス) に更新したところ、上記のアプローチが機能しなくなっていることがわかりました。v1.3の移行に関する注意事項を見ると、これは予期された動作であり、次のような新しいアプローチが必要であることがわかります。

ただし、これを機能させることはできません。検証パターンをインライン (HTML 入力要素内) に配置すると正常に動作しますが、スコープ オブジェクトに移動してpatternorng-patternディレクティブにバインドすると、検証は行われません。

問題を示すJSFiddleを次に示します。

何か提案はありますか？

以下は、angularJS でバインディングがどのように発生するかについての私の理解です。専門家がフィードバック/コメントを提供できれば素晴らしいと思います..

angularJS が {{myVar}} (および {{anothervar}}) に遭遇するとすぐに、(変数ごとに) ウォッチャーが内部的に作成されます。このウォッチャーは、コントローラー 'ctrlA' の $scope 用に作成されます。

関数が $timeout や ng-click などで呼び出されるたびに、それらは $scope.apply() 内に埋め込まれます。関数が実行された後 (一部のスコープ変数が変更される可能性があります)、$apply は rootScope でダイジェストを呼び出します。これにより、アプリ全体の変数が UI と同期されます。

$scope.digest が呼び出されると、そのスコープのすべてのウォッチャーを反復処理します。次に、変数の現在の値を取得し、変更されたかどうかを確認します。変更された場合は、ウォッチャー ハンドラーを呼び出します (新しい値を反映するように html を変更します!)。

ここで質問があります。angularJSストアには、ウォッチャーへの参照とそのウォッチャーの現在の値を含む、すべてのスコープ用のある種のキーマップ（またはデータ構造）がありますか?? 何かのようなもの：

このコードを使用してデータをバインドしようとしています:

出力は次のとおりです。

この中括弧と ID がすべてある理由がわかりません。どこが間違っていますか？company_name が正しく表示されました。

ネットワークは、データベース内の 4 つのリストすべてをキャプチャします。ただし、右側のリストの 1 つがキャプチャされません。そのうちの 1 つだけが無視されている理由がわかりません。

htmlコードは次のとおりです。

これは、4 つのリストの出力です。最後のリストにはデータがバインドされていないことを確認してください。理由がわかりません：

サービス/ファクトリの変数に新しい値を割り当てると、バインディングが壊れ、コントローラーが値の更新を停止するようです$scope.verify。サービスオブジェクトをコンソールに出力するだけのコントローラーで関数を呼び出さない限り、バインディングが更新されます一度。skypeClient工場で間違った値を割り当てていますか?

元。私は and を実行$scope.signIn()し、バインディングを更新しますsigningInが、値が(コンソールで検証された)に変更された場合、それ以降のすべての変更に対して実行しない限りSignedIn、コントローラーは更新されません。SignedIn$scope.verify()skypeClient.state

以下のコードを参照してください。

コントローラ

サービス

HTML

私は角張った形をしています。2つの入力ボックスのみ。入力ボックスから値を取得して、配列に保存しています。

それから問題が始まります。タグでラップされた配列を表示したいのですが、<pre></pre>どうすればよいですか。コードサンプルはこんな感じ。

脚本：