[解決済み] 1つのページで2つのangularアプリ/モジュールを定義するには？

質問

1つのページに2つのangularアプリ/モジュールを追加しようとしています。 以下のフィドルでは、htmlコードで参照される最初のモジュールだけが常に正しく動作し、2番目のモジュールはangularによって認識されないことがわかります。

この フィドル のみを実行することができます。 doSearch2 メソッドしか実行できませんが、この フィドル のみが doSearch メソッドだけが正しく動作します。

私は1つのページに2つのアンギュラーモジュールを正しく配置する方法を探しています。

どのように解決するには？

HTMLドキュメントごとに1つのAngularJSアプリケーションのみを自動ブートストラップすることができます。ドキュメント内で最初に見つかったngAppは、アプリケーションとして自動ブートストラップするためのルート要素を定義するために使用されます。HTMLドキュメントで複数のアプリケーションを実行するには、代わりにangular.bootstrapを使用して手動でブートストラップする必要があります。AngularJSアプリケーションは、互いの中に入れ子にすることができません。 -- http://docs.angularjs.org/api/ng.directive:ngApp

こちらもご覧ください

• https://groups.google.com/d/msg/angular/lhbrIG5aBX4/4hYnzq2eGZwJ
• http://docs.angularjs.org/api/angular.bootstrap