問題タブ [angularjs-bindings]

空の配列をAngular-UI Bootstrap Modalに渡す Angular アプリケーションがあります。ユーザーの選択に応じて、最大 1000 個のオブジェクトをアイテムで埋めるかどうかを指定できます。それらすべてを のリストに表示しng-repeatます。リスト内のすべてのアイテムは事前に生成されているため、たとえばsmart-tableなどのプラグインを使用して非同期に取得することはできません。ユーザーがOKcontrollerボタンを押すと、生成されたすべての値が呼び出された場所に返されます。技術的には、私は参照渡しをしているので、それらはすべて既にそこにあり$scope.itemsます:

しかし、キャンセル$scope.items.length=0;ボタンを押すと、しばらく時間がかかるという問題を呼び出して、配列内のすべてのアイテムを消去しています。以下のプランカーの例では、ほとんど目立ちませんが目立ちますが、実際のアプリケーションでは、はるかに目立ち、受け入れられません。

私の推測では、Angular の双方向バインディングが原因で、すべてのウォッチャーをクリーンアップするには時間がかかりますが、この問題を解決できるかどうかはわかりません。

plunker での私の MCVE はこちら: http://plnkr.co/edit/JwanDxBzh3a7ilEX58z8?p=preview

更新: 1 回限りのビンジングを使用しようとしました。

ここで説明されているように: https://stackoverflow.com/a/18791503/947111役に立ちませんでした。

内部のプロパティがデータである test というクラスがあります。test.data が更新されると、home.showVar も更新されるようにバインドするにはどうすればよいですか (ユーザーにリストを表示しhome.showVarたい)test.data

基本的に、API呼び出しをトリガーするtestというサービスが必要です。これにより、データが返され、既存のデータとマージされてからユーザーに表示されます。私はangular2とtypescriptが初めてです。httpデータを既存のデータとマージして、別のページにバインドする方法がわかりません。

したがって、私はコンポーネント、バインディング、および Angular 2 パラダイムに比較的慣れていません。Angular 1.3 アプリケーションを転送できるようにしたいので、新しいコンポーネント ディレクティブを採用しようとしています。

ただし、割り当て不可のバインディング エラーを回避できませんでした。

コンポーネントを含める場所は次のとおりです。

そしてコンポーネント自体：

コンポーネント テンプレート:

ここで非常に明白な何かが欠けているように感じます。どんな助けでも大歓迎です。

私は 2 つの HTML ビューを持っています。1 つはアプリケーション用で、もう 1 つは印刷用です。Application.htmlとPrintForm.htmlという 2 つのファイル名について考えてみましょう。

Application.htmlのサンプル HTML スクリプト

PrintForm.html のサンプル HTML スクリプト

Application.html から Print ハイパーリンクをクリックすると、PrintForm.html からデータをバインドして印刷する必要があります。app.controller $scope

期待される出力画面は

印刷コンテンツをブラウザーにロードする必要はありません。印刷ハイパーリンクがヒットした後、プリンターダイアログを直接トリガーして印刷します。

Application.html で Print Hyperlink を押した後の私の予想されるアクションは次のようになります。

注: PrintForm.html に iFrame やその他の内部ビューを使用しないでください。

SortBy モデルのコントローラーに次の配列があるとします。

ビューでは、2 つの場所で双方向バインディングを使用しました。1 つ<select ng-model="SortBy">は式バインディングです。 <div>{{SortBy}}</div>

モデルの更新が式バインディング部分を更新することは確かに知っていますが、選択したオプションを再更新します<select>か?

私のAngular 1.4.8アプリでは、元の値とユーザーが変更した後の値の差を計算したいと考えています。

値は配列です (例: ) $scope.values = [1,5,8,3];。

しかし、これはうまくいきません。Angular は最初に減算を行い、次に差分フィールドを永久にゼロにバインドします。または、これを行うと、クラッシュするだけです：