私はちょうど1ページのアプリケーションを作っているわけではありませんが、むしろ、ユーザーがウェブサイトにタグを置くことができるように、角型のアプリケーションを作成して、角型のアプリケーションがタグを認識し、それに従ってコンポーネントを実装するようにします。元のウェブサイトの内容を置き換えずにAngular 2でアプリをブートストラップする方法は?
のは、私は一つの成分だけtest
を実装角度アプリを持っているとしましょう、ページ上の任意の場所にコンポーネントを配置することが可能でなければなりません:
<body>
...
<test></test>
...
</body>
またはこのような:
<body>
<div>
...
<test></test>
...
</div>
</body>
など。
しかし、body
DOMエレメントにAppモジュールをブートストラップすると、body
の全内容が置き換えられます。私が必要とするのは、ページの他のコンテンツを置き換えずに、アプリケーションに1つのAngularコンポーネントを実装する方法です。
templateRef
、elementRef
またはviewContainerRef
の一部を注入して操作するのが適切な方法だと思いますが、どちらが正確かどうかわかりませんし、どうすればよいでしょうか。
ヘルプありがとうございました!
問題は[this](https://www.reddit.com/r/Angular2/comments/424nwn/using_angular_2_without_it_being_a_single_page_app/)に似ていますが、例のコードは廃止されています。 – nakajuice
あなたのページの一部にAngularを実行することができますが、角度の目的のためにDOMツリー全体を定義する必要があります –
@ Maximusこの質問のように、回避する方法はありません:http: //stackoverflow.com/questions/34993936/angular-2-it-is-possible-to-bind-the-app-component-in-existing-dom-with-era?それはAngularJSの魅力のように働いていたので、AngularJSがそれを忘れることなく、それを明示的に教えることなく行うことができないので、私は新しいAngularを使うことができないということに少し不満を感じます。 – nakajuice