問題タブ [angular-bootstrap]

angular-bootstrap で angular を使用すると、ngRoute を使用して ng-view タグ内でダイアログを使用しようとすると、単純な問題が発生します。

このplunkerでは、ngRoute と ng-view を除いた作業バージョンを確認できます。

Javascript:

HTML:

これで、角度がスコープを正しく更新していないことがわかります。

Javascript:

HTML:

意見：

誰か助けてくれませんか？

ディレクティブ内から角度のあるブートストラップ選択フィールドを作成しようとしています。ディレクティブは次の dom 構造を作成しますが、select フィールドは空です。

この場合、選択フィールドを作成する正しい方法は何ですか。

この Plunkrは、私が問題を抱えていることを示しています。

ダイアログとその親ページの両方に表示される配列があります。ダイアログの範囲内でその配列を変更しても問題なく動作しますが、配列を完全に置き換えると、変更はダイアログの範囲内でのみ表示されます。何故ですか？

Plunkrがそれを食べる場合に備えて、私のコード：

更新: Plunkr が更新されたので、現在何が起こっているかは理解できますが、コードで修正する方法はわかりません。私の実際のコードでは、データを AJAX 呼び出しの結果に置き換えています。この場合、 AJAX 呼び出しから返された各アイテムvm.list.length = 0をing するなど、いくつかのオプションがあると思いますが、それは恐ろしく非効率的です。push()これは通常どのように行われますか?

そのため、システムからファイルをインポートするためのボタンを含むドロップダウン リストがあります。

そのため、ユーザーがファイル ブラウザからファイルを選択して [OK] をクリックすると、選択されたファイルの詳細を表示するブートストラップ モーダル ボックスが表示されます。ブートストラップ ポップアップのコード:

ポップアップをトリガーするコードは次のとおりです。

問題は、ファイル ブラウザ ウィンドウで [OK] をクリックしても、モーダル ポップアップ ボックスが表示されないことです。背景を薄くするだけで、何もしません。

ユーザーのリストと、Angular ブートストラップを使用してモーダル ライトボックス ポップアップを開く [ユーザーの追加] ボタンがあります。すべてが同じページにある場合は、ユーザーを保存してリストを更新できます (ポップアップを開かずに)。ポップアップを使用する場合、ユーザーを保存してリストを更新することはできません (リストへの変更を表示するには、ページを更新する必要があります)。

ここに私の保存機能があります

そして、これが私のOKボタンです

[OK] をクリックするとダイアログが閉じますが、$scope.users.push(response); する必要があります。このコントローラーの外側のリストに。変数を変更する例がありますが、close コマンド内で push コマンドを呼び出すことに慣れていません。

私は何かをしようとしています

これは機能します：

これは機能しません

1 つのラジオ ボタンを選択すると、他のラジオ ボタンは選択解除されません。一度に 1 つのラジオ ボタンをオンにする代わりに、3 つすべてをオンにすることができます。{{radioModel}} は値を表示しません。最初の例では、{{radioModel}} は、btn-radio の値に応じて「Left」、「Right」、または「Middle」を表示します。

data-ng-repeat="store in global.user.store" がボタンの動作を壊すようなものです!

次のページネーションコードがあります

DOMをクリックしてページネーションを変更すると、機能します。しかし、コード内で $scope.current_page を設定してページネーションを変更しようとすると、pageChanged がトリガーされません。

例えば、

DOM では 3 ページ目 ($scope.current_page は 3) にいて、DOM では 3 ページ目がアクティブであるとします。DOM をクリックして 4 ページに移動すると、DOM の 4 ページ目がアクティブになり、$scope.current が 4 に変更され、pageChagned がトリガーされます。

しかし

DOM では 3 ページ目 ($scope.current_page は 3) にいて、DOM では 3 ページ目がアクティブであるとします。コードで $scope.current_page を 4 に変更して 4 ページに移動すると、DOM ページが 4 に変更されますが、pageChanged はトリガーされません。

コードで $scope.current_page を変更するときに pageChanged をトリガーするにはどうすればよいですか? $scope.$watch の使用を提案したときに別の解決策を見たことがありますが、より良い方法を知りたいです。

編集：

次のplnkrを作成しました（これを初めて使用したため、正しいかどうかはわかりません）。 http://plnkr.co/edit/Kldv7ZbexpgifiPIsjCT?p=preview

あなたが見ることができる問題は、「3ページ目に移動」ボタンをクリックしても、<pre></pre>タグの「ページ番号」が変更されないことです。

ありがとう

こんにちは、私はこれに本当に苦労しており、彼に何も見つからないため、どうすればよいかわかりません。これが私が取り組んでいるplunkrの例です: example . たとえば、S と入力した場合、結果の最後に何かを追加したいのですが、結果を取得したいのですが、最後の行は「他のショップで S を探す」と言う必要があります。

プランカーでわかるように、テンプレートで行うことはすべて繰り返されます。

次のように定義されたディレクティブがあります。

テンプレート

指令

ここの DatePicker セクションから取得したもので、そのページに表示されているポップアップ バージョンのように機能するはずです。ただし、カレンダー ボタンをクリックしてディレクティブを開始するたびに、カレンダーが壊れて表示されます。さらに、ポップアップ カレンダーの「翌月」の矢印をクリックすると、カレンダーが左に拡大し続けます。私のコードに何か問題がありますか? サイトによると何もないように見えるので、これにはスタイリングを追加しませんでしたが、既存のスタイリングを分解する前に、コードに明らかに問題があるかどうかを確認したかったのです。