2016-11-15 4 views
2

私はangular2を初めて使用しており、独立したスタンドアロンのangular2コンポーネントを作成しようとしています。 publish.twitter.comやtwitter tweet embedsとほぼ同じです。angle2を使用して埋め込み可能なコンポーネントのようなtwitterを作成する

私はtwitterのようなiframeを使いたくありません。これを実現する方法はありますか?

+0

これがデフォルト動作です。コンポーネントをブートストラップする必要があり、ページ上の既存のHTMLのセレクタと一致する要素が必要です。 –

+1

こんにちは、お返事ありがとうございます。あなたは少しこれを詳しく説明できますか?また、このコンポーネントを非角度Webアプリケーションにも埋め込むことはできますか? – NGFAN

答えて

0

すべてのAngular2アプリケーションは、ルートコンポーネントまたはAppComponentに呼び出されるコンポーネントであり、ネストされたコンポーネントとディレクティブを含みます。 Angular2アプリケーションは、そのようなコンポーネントをページに追加したものです。

ルートコンポーネントのセレクタを指定できます。コンポーネントをブートストラップすると、そのセレクタに一致するページの最初の要素にアタッチされます。そのようなルートコンポーネントがページスペース全体を占有しない場合は、必要なものが得られます。 Angular2アプリケーションルートコンポーネントは、通常はページ全体を占めるように構築されていますが、必ずしもそうする必要はありません。

+0

ええ、それは素晴らしいね。しかし、私が望むのは、ユーザが自分のコンポーネントを自分のウェブサイトに埋め込むためにコピーできるコードを生成するコンポーネントのボタンをクリックすることです。私は2つのことをしたい: 1.私の自身のウェブサイトにコンポーネントを追加します。これは角張っていません。しかし、私はアプリケーションに角度を付け加えることでそれを取り除くことができるかもしれません。 2つ目は、ユーザーがボタンをクリックして、自分のWebサイトに自分のコンポーネントを表示するために含めることができるHTMLコードを生成できるような、twitter埋め込みの動作です。 もう一度お返事いただきありがとうございます。 – NGFAN

+0

Angular2アプリケーションをビルドして、デプロイ可能なものを入手します。 index.htmlを取り除き、このAngular2アプリケーションに固有の部分だけを提供してください。これは、ユーザーが自分のサイトに埋め込むために提供するものです。 –

関連する問題