角度js - コントローラからのデータモーダルターゲットを呼び出す

Question

私は新しい角度で、モーダルについて質問があります。私のHTMLでは、私はこの

  <li> 
      <button data-modal-target='#delete-connection' ng-click="deleteConnection(cloudconnection.id)">Delete Connection</button> 
      </li> 

のようなデータ・モーダル・ターゲットを使用していている私は、idを持つdiv要素を持って削除し、接続OK /キャンセルのようなモーダルダイアログの内容を持っている私のHTMLで定義されています。上記のコードはうまく動作し、ボタンをクリックするとモーダルダイアログが表示されます。

今、このモーダルダイアログを私のコントローラから見せたいと思います。ボタンをクリックすると、コントローラ内のメソッドを呼び出し、そこで何らかの処理を行い、次にモーダルダイアログを条件付きで表示したいと思います。そのモーダルダイアログを表示する最も簡単な方法は何ですか？私が他の答えで見た1つの方法は、テンプレートファイルなどで独自のコントローラを定義することです。私はちょうど私の既存のdivをモーダルダイアログに使うことができ、何とかコントローラから有効にすることができますか？私は何かを試しました -

$（ '＃delete-connection'）。

しかし、$が定義されていないというエラーが表示されます。

誰かがここで何をすべきか提案できますか？

ありがとうございます。

Answer 1

jqueryの参照が含まれていないためです。

あなたは、角度の方法は、このエラーは、のみ、次のいずれかが原因で発生することができ、角度-UI

https://angular-ui.github.io/bootstrap/#!#modal

Answer 2

を使用してみて行う必要がある場合：

適切にロードされていないのJavaScriptファイル
1. あなたのページ
2. jQueryのバージョンが間違っています。これは、誰かがコアファイルを編集したか、またはプラグインが$変数を上書きしたために起こります。
3. jQueryが完全にロードされる前に、ページが完全にロードされる前にJavaScriptが実行されています。

すべてのjavascriptのコードのようなコードブロック内で実行されていることを確認します。これは、jQueryのが初期化された後、あなたのコードがロードされていることを保証します

$(document).ready(function() { 
    //your code here 
}); 

。 最後に、jQueryをロードする前にプラグインをロードしていないことを確認してください。プラグインは "$"オブジェクトを拡張するので、jQueryコアをロードする前にプラグインをロードすると、記述したエラーが発生します。